隐藏一个DIV，并显示一个按钮

这的点击另一个DIV应该是很容易的为你们，但我对这个&一个真正的初学者需要简单地向我解释。我认为这也会帮助像我这样的人，他们刚刚开始jquery ...隐藏一个DIV，并显示一个按钮

我正在建立一个网站，需要有一个按钮，其中一个网页，当点击不只隐藏一段内容（为此有大量解决方案），但同时显示以前隐藏的内容。

我需要知道jquery哪个会这样做&我需要环绕按钮来引发jquery。

你能帮我吗？

感谢，斯图。

2012-08-03 user1574350

如果你只关心两个div元素，jQuery.toggle()支持两个事件处理函数：

$('button').toggle(function(){ 
     $('div1').hide(); 
     $('div2').show(); 
},function(){ 
     $('div1').show(); 
     $('div2').hide(); 
});

这应该只是确保一个div有一个CSS属性display:none和其他分区不（是可见）

来源

2012-08-03 14:53:29 Ennui

里面成功的Ajax调用，你必须WIRTE它的div你要隐藏和div的，你必须展现。

$.ajax({   

     url: "Sevlet", 
     type: 'POST',  
     dataType: "json", 
     data:{"id":id}, 
     contentType:"application/x-www-form-urlencoded",  
     success: function (data) { 

        $("#div1").hide(); 
        $("#div2").show(); 
      } 
});

来源

2013-03-26 06:45:07

首先，jQuery只是一个函数库来做东西。

像是躲进（）和show（）所以inbulit功能可以用来做什么，你desire.I相信对隐藏/显示jQuery的文档/下面的链接hide_show是很容易理解，你应该有一点没问题。

http://api.jquery.com/show/
http://www.w3schools.com/jquery/jquery_hide_show.asp

然而，另一种方式来处理这个问题是使用jQuery方法来切换CSS属性，这将导致要显示或基于CSS属性隐藏在div元素。我将演示它的高度属性，但也可以使用其他几个，包括最大高度，左，右，顶部，底部等。

更改CSS中的属性，我可以看到Div如何可见或隐藏

例子：

<html> 
    <head> 
     <style> 
      .Div_I_Want_To_Show{ 
       background: #ffe400; 
       width:100%; 
       height:0px; 
       overflow:auto; 
      } 
     </style> 
    </head> 
    <body> 
     <div class="Div_I_Want_To_Show"> 
      <p>Some Random Text Here</p> 
     </div> 
     <button class="btn">Click to See Content</button> 
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> 
     <script> 
      $(".btn").click(function(){ 
       $('.Div_I_Want_To_Show').css('height','20em') 
      }); 
     </script> 
    </body> 
</html>

小提琴链接：https://jsfiddle.net/L7pmarzh/

而如果你想知道，你可以激活它，以及，我猜你会想任何网站，因为简单的隐藏和显示效果不吸引任何用户。

希望这可以解决你的问题:)

来源

2015-03-18 10:53:53

忘了提及，你做一个使用CSS的另一个元素。只需点击同一个按钮就可以让Div的高度为零。。 '$（ 'BTN '）点击（函数（{$（' the_other_div_I_forgot_about。 '）的CSS（' 高度'，0' ）;}）;' – 2015-03-18 10:55:11

隐藏一个DIV，并显示一个按钮

回答

相关问题