Problem jquery requiere twice click

JavaScript
1

I have a problem, I have to click twice to display the content, instead of one I noticed that with (‘display’) == ‘block’) we didn’t need to double click but the disabled on the other buttons didn’t work, with (‘display’)! == ‘none’) the disabled works but we have to double click what I don’t want, I need to use disabled how should I do? Thanks for your help !

$( "#border1,#border1none" ).click(function() {
  $( "#block1" ).toggle();
  $( "#border1none" ).toggle();
  $( "#border1" ).toggle();   
  if($('#border1none').css('display')!=='none'){  
    $('#border2,#border3,#border4').attr("disabled", true); 
  }else{
    $('#border2,#border3,#border4').removeAttr("disabled");
 }
 });
   <button id="border1" onclick="changeImage1()"></button>
            <a id="border1none"></a>