Аккордеон ссылка влияет на ребенка якорь ссылки

Question

Ниже ссылка для кода демо

Fiddle here

Есть 2 вопроса

1. Нажмите на ссылки первого аккордеона I (LINK1 | Link 2 | Link 3), почему это действующее weird
2. И дочерний div в 1-ом аккордеоне не отображается на выходе. (<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

Причина в том, что вы определили $('.accordion a').click(function(){ в своем javascript, который затрагивает все теги под названием класса «аккордеон». вам нужно определить другое имя класса, просто определенное для «accr1, accr2, accr3 ... и т. д.» и определить для них другой javascript.

Answer 3

Ну как TUGKAN сказал, что все ссылки влияют $('.accordion a').click(function(){, поэтому она ведет себя странно, и, насколько это разделение касается дисплея недвижимости никто не применяется к это видно в элементе проверки.

ли что-то подобное, чтобы сделать разделение появляются:

Demo

style="display:block;"