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();
  });
}

这是我的节点类型.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()，你应该很好。