javascript - 向下滑动切换功能

标签 javascript jquery html css

我想用 anchor 标记切换我的 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;
}

最佳答案

那么,为什么要将 parent 放入其中? 这是主播我 friend 的 sibling

如果你想使用parent那么

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

关于javascript - 向下滑动切换功能,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27081751/

相关文章:

JavaScript Codility 演示解决方案

javascript - 特定 View 部分中可见表 <tr> 行数

javascript - 如何向 FlexSlider 添加多行支持?

c# - WebDriver 的图像(而非元素)可见性

html - Bootstrap - 100% 宽度下拉背景,但内容宽度正常

javascript - Google 跟踪代码管理器和数据层中的自定义 Javascript 变量

javascript - 获取用户输入,而不是将输入硬编码到数组中

添加PHP代码的Javascript下拉框

javascript - jQuery 链接与动画函数的回调

javascript - XMLHttpRequest 响应为空