兩個div切換，多個JavaScript點擊掛鉤合併成一個

Question

現在，我有以下幾點：

<script> 
    $('#nav-close').on('click', function(){ 

     var mover = $('#mover'); 

     // register is not visible 
     if(mover.css('opacity') === '1'){ 
     mover.css({'opacity': '0'}); 
     } else { 
     mover.css({'opacity': '1'}); 
     } 

    }); 
    $('#nav-expander').on('click', function(){ 

     var mover = $('#mover'); 

     // register is not visible 
     if(mover.css('opacity') === '1'){ 
     mover.css({'opacity': '0'}); 
     } else { 
     mover.css({'opacity': '1'}); 
     } 

    }); 
</script> 

如何結合這兩種成一個 - 邏輯，如下面的更有效的腳本：

$('#nav-close' || '#nav-expander').on('click', function(){ 

...

Answer 1

做與,代替|| .Refer jquery multiple selector documentation

$('#nav-close,#nav-expander').on('click', function() { 
    var mover = $('#mover'); 
    // register is not visible 
    if (mover.css('opacity') === '1') { 
    mover.css({ 
     'opacity': '0' 
    }); 
    } else { 
    mover.css({ 
     'opacity': '1' 
    }); 
    } 

}); 

Answer 2

Please see:- 
    Multiple Selector at => http://api.jquery.com/multiple-selector/ 
    Note, the double quotes around your div selectors. ;) 

$("#nav-close, #nav-expander").click('click', function() { 
var mover = $('#mover'); 
// register is not visible 
if (mover.css('opacity') === '1') { 
    mover.css({ 
    'opacity': '0' 
}); 
} else { 
    mover.css({ 
    'opacity': '1' 
}); 
} 

}）;