목록 정렬되지 않은 목록 컨트롤이있는 accordion

JSFIDDLE 목록 메뉴에서 컨트롤을 추가하고 싶습니다. 예를 들어 정렬되지 않은 목록에서 panel2를 클릭하면 dt의 Panel2가 클릭됩니다 (확장 너무), 어떤 제안. 감사합니다 마크 업에서목록 정렬되지 않은 목록 컨트롤이있는 accordion

<ul class="list" style="list-style-type: none;"> 
<li><a href="#">Panel 1</a></li> 
<li><a href="#">Panel 2</a></li> 
<li><a href="#">Panel 3</a></li> 
</ul> 
<dl class="accordion"> 
<dt><a href="">Panel 1</a></dt> 
<dd>Pellentesque fermentum dolor. Aliquam quam lectus, facilisis auctor, ultrices ut, elementum vulputate, nunc.</dd> 
<dt><a href="">Panel 2</a></dt> 
<dd>Donec nec justo eget felis facilisis fermentum. Aliquam porttitor mauris sit amet orci. Aenean dignissim pellentesque felis.</dd> 
<dt><a href="">Panel 3</a></dt> 
<dd>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus hendrerit. </dd> 
</dl> 

(function($) { 

    var allPanels = $('.accordion > dd').hide(); 

    $('.accordion > dt > a').click(function() { 
    allPanels.slideUp(); 
    $(this).parent().next().slideDown(); 
    return false; 
    }); 
    $('.accordion dt a').first().click(); 

})(jQuery);

출처

2014-04-04 user3496281

, 나는 ul 항목의 순서와 아코디언의 항목의 순서를 가정 동일하므로 다음 ul li에 당신이 수동으로 아코디언 헤더의 클릭 이벤트를 트리거 클릭하면 Fiddle

출처

2014-04-04 03:29:43

많은 감사 .. @ 룬-P-Johny는 : 같은 인덱스

(function ($) { var allPanels = $('.accordion > dd').hide(); var $as = $('.accordion > dt > a').click(function() { allPanels.slideUp(); $(this).parent().next().slideDown(); return false; }); $('.accordion dt a').first().click(); $('.list li').click(function(e){ e.preventDefault(); $as.eq($(this).index()).click(); }) })(jQuery);

데모에 – user3496281

목록 정렬되지 않은 목록 컨트롤이있는 accordion

답변

관련 문제