2011-01-19 196 views
0

HI all。jQuery手風琴問題

我有這個簡單的手風琴簡單的代碼。

$('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> 

所以每當頭被點擊的內容展開。

問題是,當我點擊相同的標題時,內容會向上滑落。

我不知道如何解決這個問題。

任何幫助非常感謝。

預先感謝您

大教堂

回答

1

使用的slideToggle()

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

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

滑動之前已經可見
+0

工作完美,可以認爲! – Dom 2011-01-19 12:51:33

0

你可以確定內容使用

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