影响儿童锚链接的手风琴链接

Question

以下是代码演示的链接

Fiddle here

有两个问题

1. 点击第一支手风琴I（Link1 | Link 2 | Link 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(){的影响，这就是为什么它表现得很奇怪，就分割而言，属性显示没有应用于它，请参阅inspect元素。

执行此类操作以显示除法：

Demo

style="display:block;"