Question

我想要发生的是，如果您点击一个链接，将显示一个特定的div，当再次点击它时，它将被隐藏。即使您点击另一个链接，div也将被隐藏，另一个将显示。我在互联网上发现了这个代码，但它说它会切换下一个＆＃34; .toggle＆＃34;我希望展示的div不是下一个。

$(function () {
    $('.toggle').hide();
    $('a.togglelink').on('click', function (e) {
        e.preventDefault();

        var elem = $(this).next('.toggle')
        $('.toggle').not(elem).hide('slow');
        elem.toggle('slow');
    });
});

但我想要的是我有一个左栏和一个右栏，当我点击例如1时，右侧的div将打开。当我点击3时，1将关闭，3将打开，等等。

这里是JSFiddle，我只是复制了我的整个CSS和HTML的一部分，所以如果有点草率，我很抱歉。但也许你现在知道我左右对我的意思。

Answer 1

的 Demo

以上演示旨在让您对.hide()，.show()和.toggle()有一个全面的了解。您需要使用.toggle()

如果有些困惑，请退回。

Answer 2

使用以下：

 $("a").click(function(){
      $("a").toggle();   
    });

jQuery hide＆amp;显示切换脚本

2 个答案: