jQuery 手风琴问题

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>

因此，每当标题被点击时，内容就会展开。

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

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

非常感谢任何帮助。

提前谢谢你

多姆

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') )