javascript - 如何组合两个点击功能？

Question

我有两个点击功能...有点像下面。这是工作。但是，我有一种感觉，出于优化的原因，点击功能可以合并为一个。基本上，当单击 xx 时，它会显示一些元素，隐藏一些元素，并添加一个类。单击 yy 时，它的作用正好相反。这些可以结合吗？

/*clicking the search icon on the top*/ 
$(".xx").on("click",function(){
        $a.show();
        $b.hide();
        $c.addClass("myClass");

}); 

/*clicking the cross icon on the top*/
$(".yy").on("click",function(){
        $c.removeClass("myClass");
        $a.hide();
        $b.show();                  
});

Answer 1

是的，您可以将它们组合成一个函数。当您隐藏、显示和向某些元素添加类时，您必须检查被单击的相应元素。这是代码:

$(".xx, .yy").on("click", function(){
    if($(this).hasClass("xx")){
       $a.show();
       $b.hide();
       $c.addClass("myClass");
    }else if($(this).hasClass("yy")){
       $c.removeClass("myClass");
       $a.hide();
       $b.show();
    }
});

就是这样。