code you find while debugging foreign code fragments

why are you doing this to me?

      _isEventAllowed: function() {
        // var allow = false,
        var display = this.element.data('accordionDisplay');

        if(display === undefined) {
          return true;
        }

        // WTF, seriously?
        // only if the last result is true we receive a true in return...
        
        // if(display.match(/small/) ) {
        //   allow = Modernizr.mq("(max-width: 480px)");
        // }
        // if(display.match(/medium/) ) {
        //   allow = Modernizr.mq("(min-width: 481px) and (max-width: 767px)");
        // }
        // if(display.match(/large/) ) {
        //   allow = Modernizr.mq("(min-width: 768px) and (max-width: 991px)");
        // }
        // if(display.match(/extralarge/) ) {
        //   allow = Modernizr.mq("(min-width: 992px)");
        // }


        // this works better:
        
        // if( display.match(/small/) &&
        //     Modernizr.mq("(max-width: 480px)") ) return true;
        // if( display.match(/medium/) &&
        //     Modernizr.mq("(min-width: 481px) and (max-width: 767px)") ) return true;
        // if( display.match(/large/) &&
        //     Modernizr.mq("(min-width: 768px) and (max-width: 991px)") ) return true;
        // if(display.match(/extralarge/) &&
        //     Modernizr.mq("(min-width: 992px)") ) return true;

        // better ;)
        if( ( display.match(/small/)      && Modernizr.mq("(max-width: 480px)") ) ||
            ( display.match(/medium/)     && Modernizr.mq("(min-width: 481px) and (max-width: 767px)") ) ||
            ( display.match(/large/)      && Modernizr.mq("(min-width: 768px) and (max-width: 991px)") ) ||
            ( display.match(/extralarge/) && Modernizr.mq("(min-width: 992px)") ) ) 
        return true;

        return false;
                
      },