jQuery hide & show 切换脚本

Question

我想做的是，如果你点击一个链接，就会显示一个特定的div，当再次点击它时，它会被隐藏。即使你点击另一个链接，div也会被隐藏，另一个也会显示出来。我在网上找到了这段代码，但它说它将切换下一个".thoggle"，而我想显示的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

演示

上面的演示是为了让您对.hide()、.show()和.toggle()有一个大致的了解。您需要使用.toggle()

如果出现一些混淆，请返回。

Answer 2

使用以下内容：

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