[jQuery] Slidedown menu works in FF and IE but not Chrome, Safari & Opera
I created a drop down menu (i think i followed a tutorial but it was
so long ago i can't remember) which works 100% perfectly in firefox
and internet explorer but not opera, safari and chrome. I really want
to get it working in all of them though. Perhaps you might know what
the problem will be.
The Jquery Code:
var $j= jQuery.noConflict();
$j(document).ready(function(){
$j(".message_body").hide();
//toggle message_body
$j(".message_head").click(function(){
$j(this).next(".message_body").slideToggle(500)
return false;
});
});
The Code for the dropdown menu:
<div id="options">
<div class="holder">
<p class="message_head">Prices
<div class="message_body">
Our prices are freakin' awesome!
</div>
</div>
<div class="holder">
<p class="message_head" id="testbg">Testimonials
<div class="message_body">
I love them, they're brilliant!
<p class="quoter">- Business
</div>
</div>
<div class="holder">
<p class="message_head" id="quotebg">Get a Quote
<div class="message_body">
<form name="quote" method="post" action="quoter.php">
Name:<br />
<input type="text" name="txtName" /><br />
Email:<br />
<input type="text" name="txtEmail" /><br />
Details:<br />
<textarea name="txtDetails"></textarea><br />
<input type="submit" value="Submit" class="button" />
</form>
</div>
</div>
</div>
Hope you can help!