CodePen

HTML

            
              <div>
  <button id="one">First Button</button>
  <button id="two">Second Button</button>
</div>
            
          
!

CSS

            
              div {
  text-align: center;
  padding: 20px;
  background: #222;
}
            
          
!
? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint

JS

            
              $(function(){
  var clicked = false;
  var one = $('#one');
  var two = $('#two');
  
  one.on('click', function(){
    clicked = !clicked;
    if(clicked)
      two.attr('disabled', 'disabled');
    else
      two.removeAttr('disabled');
  });
  
  two.on('click', function(){
    clicked = !clicked;
    if(clicked)
      one.attr('disabled', 'disabled');
    else
      one.removeAttr('disabled');
  });
});
            
          
!
Must be a valid URL.
+ add another resource
via JS Hint
Loading ..................