手风琴链接，友情链接

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;"