如何编写-如果可见选择器？

Question

不知道如何写这篇文章；

如果.sub1可见，则显示.homepage fadeTo .25

Sub1有一个FadeIn，如果sub1是打开的，我希望主页的不透明度降到.25？

我有这个；

 $("#cat").click(function(){
 if ($('.sub1').is(':visible') ) {
 $(".homepage").fadeTo(500, .25);}

 else {
 $(".homepage").fadeTo(500, 1);

 }

我正在制作的实际网站> Website Mockup >点击类别在子菜单中淡出，并使主页不透明25%，再次点击类别，使子菜单淡出使主页100%.....But点击类别>时尚>男士时尚>智能，带出‘男性智能时尚div’，但再次点击类别淡出男性智能时尚div，并带回.sub1，但当.sub1打开时，.homepage是100%而不是25%

Answer 1

你可以过滤可见的.sub1并检查长度，如果有多个.sub1's，这可能不是很好，可能会给选择器增加一点特异性。

这项技术将过滤出第一个.sub1 (':eq(0)')中包含css、visibility:hidden或opacity: 0的元素。如果长度为0，则条件将返回false。

if($('.sub1:eq(0):visible').length) {
    //.homepage fade to .25
}

修订：

$("#cat").click(function(){
    if ($('.sub1').css('opacity') == .25 ) {  

        $('.homepage').fadeTo(500, 1);

    } else {

        $('.homepage').fadeTo(500, .25); 
    }
});

我认为它不会淡入的原因是因为你的条件是检查不透明性:0，当你淡入.25时从未达到这个值。应将条件设置为检查数字.25，以避免检查多个字符串，如'.25'或'0.25'。火狐报告'0.25'。