html - Accordion 链接影响子 anchor 链接

Question

下面是代码演示的链接

Fiddle here

有2个问题

1. 点击第一个 accordion I 的链接(Link1 | Link 2 | Link 3)，为什么那个行为很奇怪
2. 第一个 Accordion 内容中的子子 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');
    });

将 class name 定义到 DIV 而不是 .accordion div{display:none}。像这样写:

.accordion .extended{display:none;}

检查这个http://jsfiddle.net/zkZN6/2/