jQuery toggle visibility

Check if element is visible or hidden. Hide or show it according to its visibility.

Toggle method:

$('.click').click(function() {
    $('.target').toggle();
});

Test code:

Toggle sliding method:

$('.click').click(function() {
    $('.target').slideToggle();
});

Test code:

Toggle fading method:

$('.click').click(function() {
    $('.target').fadeToggle();
});

Test code:

HTML of examples:

<span class="click">click</span>
<div class="target">target</div>