更改div块onclick

时间:2012-01-17 07:57:51

标签: javascript onclick show-hide

祝你有个美好的一天,亲爱的程序员! 在G +上是一个块帖子;关于;相片;影片 https://plus.google.com/109813896768294978296/posts 当您在“关于”上单击时,在div的底部有一个包含特定内容的更改。据我所知,实现它并不困难,但我害怕写十行代码非常脏,因为除了jquery之外,因为我只是一个初学者。有人可以推进正确的轨道,或者在演示中使用源代码显示它已经实现的位置吗?谢谢!

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

1 个答案:

答案 0 :(得分:1)

单击“关于帖子”时,会发生两件事。它似乎是动态添加和删除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/