Как закрыть кнопку шоу при нажатии?

Question

$(document).ready(function(){ 
    var $p = $('div.striker'); 

    $("#show").click(function(){ 
    $p.css('overflow', 'visible'); 

    }); 
}); 

Как сблизиться по клику?

HTML

<div class="striker"> 
      If you click on the "Hide" button, I will disappear. 
      If you click on the "Hide" button, I will disappear. 
      If you click on the "Hide" button, I will disappear. 
      If you click on the "Hide" button, I will disappear. 
      If you click on the "Hide" button, I will disappear. 
      If you click on the "Hide" button, I will disappear. 
      If you click on the "Hide" button, I will disappear. 
      If you click on the "Hide" button, I will disappear. 
      If you click on the "Hide" button, I will disappear. 

      </div> 
<button id="show">Show</button> 

Answer 1

, если вы хотите, чтобы скрыть при нажатии на эту кнопку Показать используйте:

$(document).ready(function(){ 
     var $p = $('div.striker'); 

     $("#show").click(function(){ 
     $p.hide(); 

     }); 
    }); 

Живая демонстрация: http://jsfiddle.net/qsDn5/31/

Если вы хотите, чтобы переключить дисплей при нажатии на показе кнопка.

попробовать это:

$(document).ready(function(){ 
    var $p = $('div.striker'); 

    $("#show").click(function(){ 
    $p.toggle(); 

    }); 
}); 

Он будет скрывать, если он отображает содержимое нападающего, и он будет отображать содержимое нападающего, если его скрыть.

Живая демонстрация: http://jsfiddle.net/qsDn5/32/

Answer 2

Вместо

`$p.css('overflow', 'visible');` 

Try:

$p.css('display', 'none'); 

Answer 3

Изменение JS для:

$(document).ready(function(){ 
    var $p = $('div.striker'); 

    $("#show").click(function(){ 
    $p.css('display', 'none'); 
    // or $p.hide(); 

    }); 
}); 

Answer 4

Для прячась показать кнопку

$("#show").click(function(){ 
    $p.css('overflow', 'visible'); 
    $(this).hide(); // or $(this).css('display','none'); 
    }); 

Answer 5

Вы можете использовать любой из этих двух вариантов:

$p.css('visibility', 'hidden');` 

Это скроет кнопку, но пространство используется по-прежнему используется.

$p.css('display', 'none'); 

Это скроет кнопку, и пространство, в котором появляется ранее кнопка, также отпущена.

space - область, в которой отображается кнопка.