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

[rupak mandal]

Hi Stefan What i am getting is that, on click you have to display a
paragraph and hide another.

<li><a href="" id=home" class="changepara" >Home</a></li>
<li><a href="" id="about" " class="changepara">About</a></li>
<li><a href="" id=contact" " class="changepara">Contact</a></li>
<li><a href="" id="gallery" " class="changepara">Gallery</a></li>

$(.changepara).click(function(){        $(.hangepara).hide();
       $("#"+this.id).show();
})
})


I think this code will help you.....
On Tue, Aug 4, 2009 at 5:29 AM, StefanCandan <onlyo...@live.nl> wrote:

>
> 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?
>