的Jquery的slideToggle。點擊問題

Question

進出口使用下列內容：

$(function() { 
    $(".StaffSubjectClassNav ul").hide(); 
     $('.StaffSubjectClassNav h3').click(function(){ 
     $(this).toggleClass('clicked'); 
     $(this).next('ul').slideToggle('100'); 
    }); 
}); 

在下面的HTML：

<h3><a href="link">Link</a></h3> 
<ul> 
<li>Link1</li> 
<li>Link2</li> 
<li>Link3</li> 
</ul> 

它完美，隱藏<UL>並顯示，當我點擊<H3>。

但是<a>也是一個鏈接，我該如何設置腳本，這樣如果他們點擊<a>裏面的<H3>它不滑動切換？

Answer 1

將h3包裝在a中，然後將操作添加到鏈接並返回false。例如：

JS：

$(function() { 
    $(".StaffSubjectClassNav ul").hide(); 
    $('#h3_link').click(function(){ 
     $(this).toggleClass('clicked'); 
     $(this).next('ul').slideToggle('100'); 
     return false; 
    }); 
}); 

HTML：

<a href="link" id="h3_link"><h3>Link</h3></a> 
<ul> 
    <li>Link1</li> 
    <li>Link2</li> 
    <li>Link3</li> 
</ul> 

你可能只需要改變你的CSS一點點。但是，這是做到這一點的正確方法。鏈接意味着被點擊，而不是H3標籤。