Javascript 切换点击关闭

标签 javascript hide expand

我正在努力向页面添加几个展开的 div,但在让 div 在另一个展开时自动折叠时遇到麻烦。这是我正在使用的脚本:

$(document).ready(function() {
    $('.nav-toggle').click(function(){
        var collapse_content_selector = $(this).attr('href');                   
        var toggle_switch = $(this);
        $(collapse_content_selector).toggle(function(){
            if($(this).css('display')=='none'){
            }
        });
    });
}); 

最佳答案

试试这个:

$(document).ready(function() {
    $('.nav-toggle').click(function() {
        var selected = $($(this).attr('href'));
        $(".tab").not(selected).hide();
        selected.toggle();
    });
});

.tab 替换为您用于可扩展 DIV 的类。

关于Javascript 切换点击关闭,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29857694/

相关文章:

javascript - node.js 从字符串属性名称设置属性

重定向后的 Javascript onload

javascript - 将 Konva 层节点拟合到 "viewport"

javascript - 如何导出 ES6 类并在另一个模块中构造它的实例?

jquery点击事件隐藏div

jquery - 鼠标从一个 div 移动到另一个 div,不要在父级的鼠标离开时隐藏未包裹在父级内部的 div - jquery

jquery - 根据用户输入使用 Jquery 显示/隐藏字段

html - 触发折叠/展开内容的 Javascript

ajax - d3.js 按需数据加载获取树的下一个节点

html - 我怎样才能在这些列表项中找到一个 anchor 来填充列表项的空间?