$(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>
если вы хотите скрыть при нажатии на эту кнопку, используйте это:
$(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/
Измените js на:
$(document).ready(function(){
var $p = $('div.striker');
$("#show").click(function(){
$p.css('display', 'none');
// or $p.hide();
});
});
Для скрытия кнопки show
$("#show").click(function(){
$p.css('overflow', 'visible');
$(this).hide(); // or $(this).css('display','none');
});
Вместо
'$p.css('overflow', 'visible');'
Пытаться:
$p.css('display', 'none');
Вы можете использовать любой из этих двух вариантов:
$p.css('visibility', 'hidden');'
Это скроет кнопку, но используемое пространство останется используемым.
$p.css('display', 'none');
Это скроет кнопку, и пространство, в котором будет отображаться кнопка, также будет выпущена.
space - область, в которой отображается кнопка.