手風琴鏈接，友情鏈接

Question

下面的鏈接代碼演示

Fiddle here

有2個問題

1. 點擊第一個手風琴我的鏈接（鏈接1 |鏈接2 |鏈接3），爲什麼這個表演很奇怪
2. 而第一手風琴內容的子子div在輸出中不可見。 （<div>This div is not visible in the output</div>）

在此先感謝。

Answer 1

這樣寫：

$('.accordion > li > a').click(function(){ 
     $(this).next().slideToggle("fast"); 
     $(this).closest('li').toggleClass('active'); 
    }); 

定義類名到DIV，而不是.accordion div{display:none}。像這樣寫：

.accordion .extended{display:none;} 

入住這http://jsfiddle.net/zkZN6/2/

Answer 2

原因是您在您的javascript中定義了$('.accordion a').click(function(){，這會影響名爲「accordion」的類名稱下的所有標籤。您需要爲「accr1，accr2，accr3 ...等」定義另一個類名，併爲它們定義另一個JavaScript。

Answer 3

好視Tugkan說，所有的環節都通過$('.accordion a').click(function(){這就是爲什麼它是行爲古怪而據該司有關物業的顯示器沒有被應用到受影響它在檢查元素中看到。

做這樣的事情，使分工出現：

Demo

style="display:block;"