顯示/隱藏Div或元素

-2

我訪問過一個網站，一個功能讓我感到很多，但我無法弄清楚如何複製它！ XD有人可以幫我嗎？顯示/隱藏Div或元素

我想複製this site's版權通知我的網站的功能給我和我的同事。

我會很感激。謝謝。

來源

2011-09-26 Michael

-1更多信息 - JavaScript沒有比這更基本。這個網站不存在，所以人們可以爲你做你的工作。它存在學習。請花一些時間嘗試學習。 – maxedison

你確定這是一個Java問題嗎？如果是這樣，它與Java語言有什麼關係？你不是想要標記JavaScript，而是你？你知道他們和倉鼠一樣類似於火腿。 –

你會希望尋找'jQuery' JavaScript庫輕鬆照顧事情 – user482594

您所指的網站使用jQuery library。它確實非常簡單。聲明如本

$("#mydiv").hide();

將隱藏<div> ID爲「mydiv」。您也可以使用show而不是hide，並且您可以將一個數字傳遞給該函數，例如hide(200)使動作動畫。在這種情況下，在200 ms內動畫隱藏div。另外還有toggle effect可以隱藏或顯示元素。

我建議你閱讀關於jQuery documentation中的jQuery事件和選擇器。

而且在未來，Googling your question你問之前，它可能會節省您的時間;-)

編輯

其實您所描述的網站上，你鏈接的具體特徵是使用HTML5元素andronikus進行處理。可以說HTML5還沒有準備好在網絡上使用，因爲仍然有很多瀏覽器無法處理它。在我看來，使用jQuery show/hide在這個時候是一個更好的解決方案。

來源

2011-09-26 01:50:58 Hubro

如果您使用的瀏覽器或擴展程序允許您通過右鍵單擊「檢查元素」，則可以直接查看頁面元素的代碼。這裏，該頁面使用新的HTML5中的新標籤[<details>][1]。它看起來是這樣的：

<details> 
    <summary>Always show this</summary> 
    <p>This stuff is hidden until you click the arrow.</p> 
    <p>Woooo!</p> 
</details>

沒有JavaScript/jquery混亂，雖然也許有一些CSS也發生了。這是一個非常酷的新元素！

（正常情況下應該用在其他的答案和評論描述一個jQuery顯示（）/隱藏（）來完成。我懷疑它加入到HTML5，因爲它是一個非常普遍的特徵。）

來源

2011-09-26 01:54:01 andronikus

你可以使用jQuery slideToggle（）實現。

<div id="inner"> 
    <div class="text"> 
    Your Text 
    </div> 
</div 


$(document).ready(function(){ 
$(".text").hide(); 
$("#inner").click(function(){ 
$(".text").slideToggle(); 
}); 
});

您可以在這裏看到 http://www.sendesignz.com/index.php/jquery/72-how-to-implement-toggle-search-box-in-jquery

來源

2011-10-04 08:50:04

顯示/隱藏Div或元素

回答

相關問題