Dropdown works in FF and IE but not safari, chrome & ope
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</p>
<div class="message_body">
<p>Our prices are freakin' awesome!</p>
</div>
</div>
<div class="holder">
<p class="message_head" id="testbg">Testimonials</p>
<div class="message_body">
<p>I love them, they're brilliant!</p>
<p class="quoter">- Business</p>
</div>
</div>
<div class="holder">
<p class="message_head" id="quotebg">Get a Quote</p>
<div class="message_body">
<form name="quote" method="post" action="quoter.php">
<p>
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" />
</p>
</form>
</div>
</div>
</div>
Hope you can help!