用于隐藏/显示 div 的 Javascript if/else 语句

Question

我有两个隐藏在 View 中的 div，直到相应的图像链接被点击。照原样，两个 div 可以通过单击一个然后另一个来同时显示，我不希望这样。我正在尝试编写一个 if 语句，说明如果一个被点击另一个将不会显示，但我没有运气。这是我无法使用的 javascript:

 $("#about").click(function () {
    if ($("#aboutdetails").fadeIn("slow") == 'true') {
    $("#contact").css({'display': 'none'});
    }
$("#aboutdetails").click("slow",function () {
        $(this).hide();     
    });
});


$("#contact").click(function () {
    if ($("#contactdetails").fadeIn("slow") == 'true') {
    $("#about").css({'display': 'none'});
    }
$("#contactdetails").click("slow",function () {
        $(this).hide();
    });
});

这是我尝试 if 语句之前的原始代码:

 $("#about").click(function () {
    $("#aboutdetails").fadeIn("slow", function() {
    $("#aboutdetails").click("slow",function () {
            $(this).hide();
        });
    });
});


$("#contact").click(function () {
   $("#contactdetails").fadeIn("slow", function() {
    $("#contactdetails").click("slow",function () {
           $(this).hide();
        });
   });
});

都不是很有 Eloquent ，因为我还在学习!

提前感谢您的帮助

Answer 1

所以你有两个不同的 div，名为“div1”和“div2”，链接为“link1”和“link2”...

$('#link1').click(function() {
    $('#div1').show();
    $('$div2').hide();
});

$('#link2').click(function() {
    $('#div2').show();
    $('$div1').hide();
});

这就是你想要做的吗？单击 link1 -> 显示 div1，隐藏 div2。点击 link2 -> show div2 hide div1?

我不确定这是否是您想要的。如果不是，请尝试澄清您的问题。

使用您网站上的代码示例进行编辑:试试这个

$("#about").click(function () {
  $("#aboutdetails").fadeIn("slow", function() {

  });
  $("#contactdetails").hide();
});


$("#contact").click(function () {
$("#contactdetails").fadeIn("slow", function() {

});
$("#aboutdetails").hide();
});

$("#aboutdetails").click(function() {
   $("#aboutdetails").hide();
});
 $("#contactdetails").click(function() {
    $("#contactdetails").hide();
});