jquery隐藏所有打开的div并切换

Question

我有 2 个链接，根据他们点击的链接，我想要关闭所有其他链接并仅显示该链接的信息。

示例:

<div class="shipping-container">
    <a href="#" class="ups">Show UPS info</a>
    <a href="#" class="fedex">Show Fedex info</a>
    <div class="ups info" style="display:none">the info for ups</div>
    <div class="fedex info" style="display:none">the info for fedex</div>
</div>

有什么想法可以使用 Jquery 切换来单击其中一个链接并隐藏所有其他链接(如果打开)。我只想一次显示一种运输方式的信息。另外，如果可能的话，我希望用户可以选择单击“showall”并显示所有内容。提前致谢....

Answer 1

$(".shipping-container a").click(function() {
    $("div.info").hide();
    $("div." + this.className).show();
});

You can try it here.