Javascript 如果其他开关打开,则切换框关闭

Javascript 如果其他开关打开,则切换框关闭,javascript,Javascript,有人能帮我完成以下代码吗?我做不好 我希望它在单击“新建/其他”时关闭“打开”切换 我现在有一个问题: 您需要将它们隐藏在单击处理程序中: $('.toggle a.toggle-trigger').click(function(){ var el = $(this), parent = el.closest('.toggle'); $('.toggle .toggle-content').slideUp(); // <- added this!!!! //..

有人能帮我完成以下代码吗?我做不好

我希望它在单击“新建/其他”时关闭“打开”切换

我现在有一个问题:


您需要将它们隐藏在
单击
处理程序中:

$('.toggle a.toggle-trigger').click(function(){
    var el = $(this), parent = el.closest('.toggle');

    $('.toggle .toggle-content').slideUp(); // <- added this!!!!
    //...
$('.toggle a.toggle-trigger')。单击(函数(){
var el=$(this),parent=el.closest('.toggle');

$('.toggle.toggle content').slideUp();//无需分别调用,这是多余的。此外,只需在打开新开关之前隐藏所有开关即可。完成:-)


这就是你想要实现的目标吗

jQuery(document).ready(function($) { 

    // Find the toggles and hide their content
    $('.toggle-content').hide();

    // When a toggle is clicked (activated) show their content
    $('.toggle a.toggle-trigger').click(function(){
        var el = $(this), parent = el.closest('.toggle');


        $('.toggle-content').hide();

        if( el.hasClass('active') )
        {
            parent.find('.toggle-content').slideToggle();
            el.removeClass('active');
        }
        else
        {
            parent.find('.toggle-content').slideToggle();
            el.addClass('active');
        }
        return false;
    });

});  //End

Thnx伙计们,成功了!现在如何关闭一个打开的切换?Thnx,但现在我无法关闭一个打开的切换更新的小提琴来处理所有切换,还修复了“活动”类。检查答案,如果这是你需要的,tnx。这可能不是最优化的代码,但我很困。。。
$('.toggle a.toggle-trigger').click(function() {                
    var el     = $(this),
        parent = el.closest('.toggle');

    $('.toggle .toggle-content').slideUp();

    if (!el.hasClass('active')) {
        $('.toggle a.toggle-trigger').removeClass('active');

        el.addClass('active');
        parent.find('.toggle-content').slideDown();
    }
    else {
        el.removeClass('active');
    }
});
jQuery(document).ready(function($) { 

    // Find the toggles and hide their content
    $('.toggle-content').hide();

    // When a toggle is clicked (activated) show their content
    $('.toggle a.toggle-trigger').click(function(){
        var el = $(this), parent = el.closest('.toggle');


        $('.toggle-content').hide();

        if( el.hasClass('active') )
        {
            parent.find('.toggle-content').slideToggle();
            el.removeClass('active');
        }
        else
        {
            parent.find('.toggle-content').slideToggle();
            el.addClass('active');
        }
        return false;
    });

});  //End