隱藏一個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，並顯示一個按鈕

回答

相關問題