关于 if else 不起作用的 jQuery 2nd 语句

Question

我想知道为什么我的代码中的第二个条件不起作用。第一个条件工作得很好。如您所见，我的条件是当元素的不透明度设置为 1 时，单击我分配的按钮后它将变为零，反之亦然。

$(function (){    
        if($(".show-hide").css("opacity")==="0"){
            set1();                                         
        }     
        
        else if($(".show-hide").css("opacity")==="1"){
            set2();                                         
        } 
              
   
});



function set1(){
    $(".share").on("click",function(){     
        $(".show-hide").css("opacity","1")
           
        }); 
}


function set2(){
    $(".share").on("click",function(){     
        $(".show-hide").css("opacity","0")
           
        }); 
}

Answer 1

如果你测试数值，测试是有效的

$(function (){    
        if($(".show-hide").css("opacity") == 0){
            set1();                                         
        }     
        
        else if($(".show-hide").css("opacity") == 1){
            set2();                                         
        } 
              
   
});