[jQuery] Check if element is shown with show()

[StefanCandan]

Hello, I'm building a website with JQuery.

Now I need to check if an object is shown, with show()

My jqeury to hide all the elements at start:

        $("p.about").hide();
        $("p.gallery").hide();
        $("p.links").hide();
        $("p.contact").hide();
        $("p.home").hide();

Then I show the p.home once the page finishes loading.

Then when clicked on a link, the shown p element should be hidden with
the hide() command, and another p element should be shown.

so like:
<li><a href="">Home</a></li>
<li><a href="">About</a></li>


<p class="home">Welcome</p> <!-- Shown at start !-->
<p class="about">About me</p> <!-- Hidden at start !-->


so when about is clicked, <p class="home"> should be hidden, using the
hide("slow");

and <p class="about"> should be shown using the show("slow");


Any ideas on how I can do this?