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标签。

Jquery SlideToggle .click问题

1 个答案: