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().