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

0
$(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>
  • 1
    что вы подразумеваете под близким? ты имел в виду скрыть?
  • 0
    Используйте css свойство "Display: none", чтобы скрыть ..
Теги:

5 ответов

0
Лучший ответ

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

$(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/

1

Измените js на:

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

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

  });
});
0

Для скрытия кнопки show

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

Вместо

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

Пытаться:

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

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

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

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

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

Это скроет кнопку, и пространство, в котором будет отображаться кнопка, также будет выпущена.

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

Ещё вопросы

Сообщество Overcoder
Наверх
Меню