使用切换功能向下滑动

时间:2014-11-22 19:48:16

标签: javascript jquery html css

我想用锚标记切换我的div,但代码不起作用。请告诉我代码中的错误。

    jquery code
$(document).ready(function () {
    $('#status_1').click(function (e) {
        e.preventDefault(); //to prevent default action of link tag
        $(this).parent().next('.hide-show').slideToggle();
    });
});



  html code

    <a href="#" id="status_1" class="bitcon"></a>


    <div class="hide-show">
            Hellow world
                </div>
Css:

.hide-show{
display: none;
}

2 个答案:

答案 0 :(得分:0)

那么,你为什么把父母放进去? 这是锚定我朋友的兄弟姐妹

如果您想使用父母,那么

$(this).parent().find('.hide-show').slideToggle();

答案 1 :(得分:0)

您的问题可能与此处的部分代码有关:     &#34; $(this).parent()。next&#34;

你可以试试:

$('.hide-show').slideToggle();

这将使用类hide-show选择你的div并应用.slidetoggle();它。

而不是您目前正在寻找具有类status_1的链接的父级并找到下一个链接的内容。

相关问题