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!