使用jQuery的toggle()方法对HTML标签进行显示、隐藏操作

   html  > 
   head  > 
   script   type  ="text/javascript"   src  ="https://code.jquery测试数据/jquery-1.11.3.js"  >  script  > 
   script   type  ="text/javascript"  >  
$(document).ready(  function  (){
  $(  "  .btn1  "  ).click(  function  (){
  $(  "  p  "  ).toggle();   //  toggle()方法进行显示隐藏交互事件，如果显示的就进行隐藏，如果是隐藏的就显示 
   });
  $(  "  .btn2  "  ).toggle(  2000  ,  function  (){
     $(  "  .div2  "  ).toggle();   //  callback 
    });
});
    script  > 
   head  > 
   body  > 
   p  > This is a paragraph.   p  > 
   button   class  ="btn1"  > Toggle   button  > 
   button   class  ="btn2"  > Toggle2   button  > 
   div   class  ="div1"  > http://HdhCmsTestcnblogs测试数据/sosoft/   div  > 
   div   class  ="div2"    style  ="display:none"  > 柔成   div  > 
   body  > 
   html  >  

查看更多关于使用jQuery的toggle()方法对HTML标签进行显示、隐藏操作的详细内容...