[jQuery] Check if element is shown with show()
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 <!-- Shown at start !-->
<p class="about">About me <!-- 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?