两个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' 
}); 
} 

}）;