JQuery Add Hidden HTML Elements

Question

HTML:

        
                      

              相关标签:
       
      

Answer 1

Use toggle() or the related methods:

$("#add").click(function() {
    $(".input:first").toggle();
    // or: $(".input:first").fadeToggle();
    // or: $(".input:first").slideToggle();
});

JS Fiddle demo: toggle().

JS Fiddle demo: fadeToggle().

JS Fiddle demo: slideToggle().

References:

• fadeToggle().
• slideToggle().
• toggle().

Answer 2

Try toggle : Further reading

$("#add").click(function() {
    $(".input:first").toggle();
});

Answer 3

You can use .toggle() here

 $("#add").click(function() {
    $(".input:hidden:first").toggle(); 
});

Answer 4

  $("#add").on('click',function() {

     $(".input:hidden").toggle();
   });

Answer 5

var cnt=1;
$("#add").click(function() {
if(cnt)
{
$(".input:hidden:first").show() 
cnt=0;
}
else{
$(".input:hidden:first").hide() 
cnt=1;
}

});

Answer 6

$("#add").click(function() {
  $(".input:hidden:first").toggle(); 
});

Should do the trick