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!

Reply via email to