jquery 아코디언이 href 링크와 함께 작동하지 않습니다

아코디언이 있지만 div에 링크 태그가있는 곳에서 슬라이드가 열리지 않습니다. santaclaratailgating.com/test가 (첫 번째 질문 아코디언이 작동하지 않습니다) : 나는 여기에 라이브 링크 JQuery와 1.11를 사용하고jquery 아코디언이 href 링크와 함께 작동하지 않습니다

<script type="text/javascript"> 
$(document).ready(function($) { 
$('#accordion').find('.accordion-toggle').click(function(){ 

    //Expand or collapse this panel 
    $(this).next().slideToggle('fast'); 

    //Hide the other panels 
    $(".accordion-content").not($(this).next()).slideUp('fast'); 

}); 
}); 

</script> 
<style> 
.accordion-toggle {cursor: pointer;} 
.accordion-content {display: none; font-size: 120%; font-weight: bold; color:#00458D;align:left;text-align:left; } 
.accordion-content.default {display: block;} 
</style> 


<div id="accordion"> 
<h4 class="accordion-toggle">accordion title</h4> 
<div class="accordion-content"> 
<p>test <a href="hi.com">a</a> </p> 

</div> 
<h4 class="accordion-toggle">accordion title2</h4> 
<div class="accordion-content"> 
<p>works fine</p> 
</div> 
</div>

출처

2014-09-21 user1615573

그것은 작동 잘, 데모 확인 - http://jsfiddle.net/nf1kmkj0/ - 사용중인 JQuery와 버전은 무엇? – Tasos

아테나, 대단한 형제, 이제 배고파요. :)) 나는 Chrome과 IE에서 Faq와 그 작업을 클릭 한 테스트를 제공했다. 어떤 브라우저를 사용하고 있습니까? – Tasos

그들은 훌륭한 음식을 만듭니다. Chrome을 사용하고 있는데 특히 Faq를 클릭 한 다음 '어떻게 주문합니까?'를 클릭했습니다. – user1615573

그것은 잘 작동합니다.

$(document).ready(function($) { 
 
$('#accordion').find('.accordion-toggle').click(function(){ 
 

 
    //Expand or collapse this panel 
 
    $(this).next().slideToggle('fast'); 
 

 
    //Hide the other panels 
 
    $(".accordion-content").not($(this).next()).slideUp('fast'); 
 

 
}); 
 
});

.accordion-toggle {cursor: pointer;} 
 
.accordion-content {display: none; font-size: 120%; font-weight: bold; color:#00458D;align:left;text-align:left; } 
 
.accordion-content.default {display: block;}

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 

 
<div id="accordion"> 
 
<h4 class="accordion-toggle">accordion title</h4> 
 
<div class="accordion-content"> 
 
<p>test <a href="hi.com">a</a> </p> 
 

 
</div> 
 
<h4 class="accordion-toggle">accordion title2</h4> 
 
<div class="accordion-content"> 
 
<p>works fine</p> 
 
</div> 
 
</div>

출처

2014-09-21 04:28:55

jquery 아코디언이 href 링크와 함께 작동하지 않습니다

답변

관련 문제