如何关闭点击显示按钮?

时间:2014-02-17 08:33:48

标签: javascript jquery html

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

5 个答案:

答案 0 :(得分:1)

将js更改为:

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

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

  });
});

答案 1 :(得分:0)

而不是

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

尝试:

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

答案 2 :(得分:0)

用于隐藏节目按钮

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

答案 3 :(得分: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/

答案 4 :(得分:0)

您可以使用以下两个选项中的任何一个:

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

这将隐藏按钮,但仍然使用所用空间。

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

这将隐藏按钮,以及之前出现按钮的空间也将被释放。

space - 显示按钮的区域。