更改div塊onclick

祝您有美好的一天，親愛的程序員！關於G +是塊帖子;關於;相片;視頻 https://plus.google.com/109813896768294978296/posts 當您點擊關於示例時，div的底部會有一個包含特定內容的更改。據我瞭解，意識到這並不困難，但恐怕寫十行代碼很骯髒，因爲除了jquery，因爲我只是一個初學者。有人可以推動正確的軌道，或者展示它已經在演示中用源代碼實現的位置嗎？謝謝！更改div塊onclick

<div id="109813896768294978296-posts-page" class="c-ha-If" role="tabpanel" aria-hidden="false">…</div>

<div id="109813896768294978296-about-page" class="c-ha-If c-ha-jb" role="tabpanel" aria-hidden="true">…</div>

來源

2012-01-17 user1103744

[鏈接]（http://onlinetools.org/tools/domtabdata/）[鏈接]（http://livepipe.net /控制/選項卡）**與AJAX - ** [鏈接]（http://www.crackajax.net/tabs.php）[鏈接]（http://www.developersnippets.com/?p=22）[鏈接]（http://www.noupe.com/javascript/37-great-ajax-css-tab-based-interfaces.html） – user1103744

有發生的兩件事情，當你點擊關於從帖子。它似乎是動態添加和刪除CSS類。你可以用http://api.jquery.com/addClass/和http://api.jquery.com/removeClass/做什麼。

至於從URL加載數據到一個div，使用http://api.jquery.com/jQuery.get/。獲得數據後，您可以使用http://api.jquery.com/html/。

如果您已經加載的一切，並希望實現標籤切換：http://jqueryui.com/demos/tabs/

來源

2012-01-17 08:15:31

** Aram Kocharyan **優秀！非常感謝您的回覆，我非常感謝！最好沒有jQuery，但它可能在將來當我會教自己javascript – user1103744

哦，我忘了提到你確實需要javascript。不過，我已經看到CSS3做了很棒的事情，但大多數人會在js中實現它。從這裏開始：http：//www.w3schools.com/js/我也在推遲很長一段時間，但我坐下來，並在一天結束時撿起它。如果你在編程之前編寫了任何東西，那麼它就是一團糟。如果你還沒有，這是一個簡單的語言，讓你第一次。 –

更改div塊onclick

回答

相關問題