jQuery-切换多个元素

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jQuery-切换多个元素相关的知识,希望对你有一定的参考价值。

I used this simple snippet to enable users to "View More Info" which was embedded in a div below each of a list of items. This is different from many of the simple jQuery examples that only allow you to show/hide one particular div.
  1. <!-- jQuery Code -->
  2. $(document).ready(function() {
  3. $('#commentbox').hide();
  4.  
  5. $('a.comment').click(function() {
  6. var id = $(this).attr('id');
  7. $('#commentbox' + id).toggle(500);
  8. // alert(id);
  9. return false;
  10. });
  11.  
  12. });
  13.  
  14.  
  15. <!-- html -->
  16.  
  17. <div class="story">
  18. <div class="storytitle">hello</div>
  19.  
  20. <div class="storybg">blah blah blah</div>
  21. <div class="storybottom"><a href="#" id="3242" class="comment"
  22. name="3242">comment</a></div>
  23. <div id="commentbox3242" class="commentbox"
  24. style="display:none">comment form</div>
  25. </div>

以上是关于jQuery-切换多个元素的主要内容,如果未能解决你的问题,请参考以下文章

jquery中少用的代码

jquery 对象的 heightinnerHeightouterHeight 的区别以及DOM 元素的 clientHeightoffsetHeightscrollHeightoffset(代码片段

常用的几个JQuery代码片段

12个用得着的 JQuery 代码片段

jquery Mobile入门—多页面切换示例学习

jquery toggle()方法 语法