Javascript 一个div在单击时出现，第二个div关闭

我知道简单的java脚本函数的点击

  $(document).ready(function(){
  $(".click").click(function(){
    $(".fade", this).fadeToggle();
  });
});

---

但我希望在单击时，一个div出现，第二个div关闭。就像在这个页面上，但在查看源代码时，我找不到任何代码。别担心，此链接不属于我或我的网站

假设您的html如下所示：

<a class="click">click</a><br />
<a class="fade1">fade1</a><br />
<a class="fade2">fade2</a><br />

然后在jQuery中执行以下操作：

$（文档）.ready（函数（）{
$（“.click”）。单击（函数（）{
$（.fade1.fade2”）.fadeToggle（）；
});
});

---

我认为应该这样做

$(document).ready(function(){
    $('.click').click(function(){
        if ($('.first').is(':visible')) {
            $('.first').css('display', 'none');
            $('.second').fadeIn(2000);
        } else {
            $('.second').css('display', 'none');
            $('.first').fadeIn(2000);
        }
    });                  
});

---

链接没有多大作用，因为您甚至没有指出它的哪个部分。。。你的解释很清楚，除非我误解了…在我先选择了我的答案之后，你选择了另一个答案作为正确的答案，除了你不喜欢我的评论之外，没有任何我能理解的原因。。。这2个基本上是一样的，除了我的更短…嘿，你的代码很清楚，但我要求我有2个按钮。锚a、b和c，以及c、d、f部分。这些都不可见，当我单击a时，只有a应该打开，如果我第二次单击它，它不应该显示，如果我单击第二个锚点，2应该打开，1应该关闭。对于一个演示，你可以检查，并以两个按钮为例，我想要免费的博客设置，我需要令人信服的为什么你会接受答案，然后在评论中重复你的问题（实际上更不清楚）？这对我来说没什么意义。。。如果您不能使用我提供的简单代码（或者@user3631948），那么您就有大麻烦了。。。