jQuery实现点击按钮显示隐藏内容

文章摘要:jQuery如何实现点击按钮显示隐藏div内容?开始隐藏点击显示再点击隐藏再点击显示?小编分享2种实现方法: script type=text/javascript $(function(){ $(.weixin).toggle(function()

jQuery如何实现点击按钮显示隐藏div内容?开始隐藏点击显示再点击隐藏再点击显示?小编分享2种实现方法:

jQuery实现点击按钮显示隐藏内容(图1)

  1. <script type="text/javascript"> 
  2. $(function(){ 
  3. $(".weixin").toggle(function(){ 
  4. $(this).next(".wx").hide(200); 
  5. },function(){ 
  6. $(this).next(".wx").show(200); 
  7. }); 
  8. }); 
  9. </script>
  10. <script type="text/javascript"> 
  11. $(function(){ 
  12. $(".weixin").click(function(){
  13. $(this).next(".wx").toggle(); 
  14. });
  15. }); 
  16. </script> 
  • 版权声明:本站原创文章,于2020-04-28 09:44,由 发表。
  • 转载请注明出处