Question

全部。

对于简单的手风琴，我有这个非常简单的代码。

$('div.header').click(function() {
            $('div.content').slideUp('normal');
            $(this).next().slideDown('normal');
        }); $("div.content").hide();

HTML

<div class="header">Header</div>
<div class="content">Content... </div>

因此，只要标题被点击，内容就会展开。

问题是，当我点击相同的标题时，内容会向上滑动并返回。

我不知道如何解决这个问题。

任何帮助都非常感激。

提前谢谢

的Dom

Answer 1

使用slideToggle（）

$('div.header').click(function() {
        $(this).next().slideToggle('normal');
    }); $("div.content").hide();

http://api.jquery.com/slideToggle/

Answer 2

在使用

滑动之前，您可以确定内容是否已经可见

if ((object-you-want-to-check).is(':visible') )

jQuery手风琴问题

2 个答案: