Quick: Move selector from <p> to <h3> and it fai
Hey, I'm using a 'show' link to display a hidden div below a displayed URL, but now I'm wanting to make the URL itself display the hidden div, not the 'show' link I created. The 'show' was in a <p>, and the URL is an <h3>... here's my HTML:
<h3 class="site">PAGE URL HERE</h3>
<p class="error_toggle">show</p>
<div id="displaythis" class="error_field">
DISPLAY THIS CONTENT THAT WAS HIDDEN
</div>
and here's my jQuery:
$("p.error_toggle").click(function() {
$(this).next('.error_field').toggle(400);
});
The above is the code that works properly. However when I change the "p.error_toggle" to "h3.site" , it no longer works, won't even pull up an alert('ok'); or anything.
Hopefully I've given enough info here for someone to help me out.... I can't imagine what I'm missing, must be something simple? I don't know. Thanks!
Nick