Question

我正在做一支手风琴现在它工作正常，但是当我点击Title2或Title1时，如果我步骤点击Title3只想给这个标题链接所以没有任何子链接这就是为什么我想要滑动标题以上。

Answer 1

$('#accordion> div').hide();
$('#accordion > h3').click(function() {
    if($(this).next('div').length) {
        $(this)
            .next('div')
            .slideToggle('fast')
            .siblings('div:visible')
            .slideUp('fast');
    } else {
         $(this)
            .siblings('div:visible')
            .slideUp('fast');
    }
});

<强> DEMO

Answer 2

您的代码无效，因为点击.next()时title3返回空。因此，让我们尝试slideUp然后end然后slideToggle。见下文，

$('#accordion> h3').click(function() {
  $(this)      
      .siblings('div:visible')
      .slideUp('fast')
      .end()
      .next('div')
      .slideToggle('fast');
});

DEMO： http://jsfiddle.net/cX68E/3/

Answer 3

找不到下一个div。由于那里没有元素，也没有兄弟姐妹。

所以没有什么可以上滑的。

您可以在末尾添加div或先向上滑动。

<h3>Title 3</h3>
    <div></div>

见这里：http://jsfiddle.net/a2qvU/

如何在手风琴菜单中隐藏上面的标题链接？

3 个答案: