jQuery toggle single div with two different triggers
===

I have limited knowledge of jQuery...I need help with this specific instance of a single div to be toggled when one of two triggers is clicked. The problem right now is that if one trigger is used, you have to click twice to get the other trigger to work.

Here is my jQuery:

    jQuery(document).ready(function($) {

        jQuery(".move").toggle(function(){
            jQuery(".contact-container").slideDown('fast'); 
        }, function () {
            jQuery(".contact-container").slideUp('fast');
    });

});


My HTML is roughly this:

    <div class="contact-container"></div>
    <ul>
        <li class="trigger"></li>
    </ul>
    <a class="trigger"></a>

If you would like to see this on the development site, you can view it here (triggers are the "contact" button in the upper-right corner and the "contact" link in the footer): <a href="http://sharonehakman.com.s118336.gridserver.com">Site Link</a>