Try using toggle instead:
${"a.welcomenav").toggle(function(){
$("#welcome").show();
return false;
},function(){
$("#welcome").hide();
return false;
});
-----Original Message-----
From: jquery-en@googlegroups.com [mailto:jquery...@googlegroups.com] On
Behalf Of KetanMV
Sent: Friday, April 17, 2009 11:36 AM
To: jQuery (English)
Subject: [jQuery] Newbie Question - Show/Hide on a:link
Hi guys -- very basic question here I think. I've got some documentation and
a book in front of me, but I can't get this to work!
I want to click the "Welcome" nav item to show the div named "welcome"
on the page. If I use just the "hide" line of code, the page loads up with
the DIV hidden properly. But, once I add the click/show code -- nothing
happens, including the hide onLoad. Thoughts? Thanks so much!
$(document).ready(function() {
$("#welcome").hide();
${"a.welcomenav").click(function() {
$("#welcome").show();
return false;
});
});
<ul id="sliding-navigation">
<li class="sliding-element"><a href="#"
class="welcomenav">Welcome</a></li>
</ul>
