jquery - css jquery隐藏一个div，显示另一个

Question

我遇到了挑战。我有 2 个 div，其中一个在页面加载时在 css 中设置为 display:none;我有两个对应的链接。当用户单击 link1 时，我想显示 div1 并隐藏 div2。当用户单击 link2 时，我想显示 div2 并隐藏 div1。

我还没能让它发挥作用!非常感谢任何帮助。

Answer 1

这里是一个例子:

$(function () {
  $(".div1, .div2").hide();

  $(".link1, .link2").bind("click", function () {
    $(".div1, .div2").hide();        

    if ($(this).attr("class") == "link1")
    {
      $(".div1").show();
    }
    else
    {
      $(".div2").show();
    }
  });

});

这是Demo