javascript - 两个div切换，将多个javascript点击钩子(Hook)合并为一个

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

使用,代替||。引用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'
    });
  }

});