javascript - jQuery 如果一个元素可见，则关闭另一个元素

Question

我想知道是否有办法在另一个元素变得可见后隐藏一个元素。这是我现在的 jQuery 代码

var fade = $("#listofeffects ul:nth-of-type(2)");
var firstchild = $("#listofeffects ul:first-child");

  firstchild.click(function(){
   $(".element1").fadeToggle();
    });

    fade.click(function(){
   $(".element2").fadeToggle();
    });

当.element1可见时，.element2无法显示。我研究过使用 if/else javascript 语句，但没有发现任何有效的方法。我还研究过使用 :visible 和 :hidden ，但这也不起作用。

谢谢。

Answer 1

试试这个。 首先在单击时隐藏所有元素，然后使用 jQuery(this) 显示单击的元素

例如:

jQuery(document).ready(function(){
    var ulchild = jQuery("#listofeffects ul");
    ulchild.click(function(){
        jQuery("#listofeffects ul").hide("slow");
        jQuery(this).show(slow);
    });
});