Jquery .toggle 只显示不隐藏在 Drupal 视图中

Question

我可以查看 drupal 中的节点。每个节点都有按钮（应该）在表格中切换一个额外的行。但是，尽管我能够打开额外的行，但我无法再次将其关闭。

这里是javascript；

Drupal.behaviors.morelink = function(context) {
  $("a.morelink").click(function (e) {
    e.preventDefault();
    $('.more').hide();
    $('.more').eq( $('a.morelink').index( $(this) ) ).toggle();
  });
}

这是我的 node-type.tpl.php 中的按钮；

<a class="morelink" href = "<?php print url('node/' . $node->nid); ?>">
<img src="greydown.png" ALT="More"></a>

这是多余的行；

<tr class="more ">
<td> some content here</td>
</tr>

这里是css；

.more {
  display:none;
}

关于为什么我不能再次关闭（隐藏）的任何想法？

Answer 1

可能是因为你每次都hide 然后toggle，结果是show。即：

$('.more').hide();
$('.more').eq( $('a.morelink').index( $(this) ) ).toggle();

如果你删除hide()，你应该很好。