Jquery show effects

    show function in jquery
    show hide function in jquery
    1. Show function in jquery
    2. Jquery show element

    3. Jquery show element
    4. Jquery show not working
    5. Show() in javascript
    6. Show/hide div jquery by id
    7. Jquery show hide
    8. Show() in javascript!

      jQuery Show and Hide Effects

      In this tutorial you will learn how to show hide HTML elements using jQuery.

      jQuery and Methods

      You can show and hide HTML elements using the jQuery and methods.

      The method simply sets the inline style for the selected elements.

      Conversely, the method restores the display properties of the matched set of elements to whatever they initially were—typically block, inline, or inline-block—before the inline style was applied to them. Here's is an example.

      Example

      Try this code »

      You can optionally specify the duration (also referred as speed) parameter for making the jQuery show hide effect animated over a specified period of time.

      Durations can be specified either using one of the predefined string or , or in a number of milliseconds, for greater precision; higher values indicate slower animations.

      Example

      Try this code »

      Note: The speed or duration string indicates the durations of 200 milliseconds, while the string indicates the durations of 600 milliseconds.

      You can also specify a callback function to be execu