Question

How to move the dropdown box to align exactly under the news tab.?
Currently the dropdown under the news was exactly not under the news tab(moved right).
And adding a jquery effect to the drop down menu

http://jsfiddle.net/A7rvZ/7/

Answer 1

Try this below code with your fiddle. Modify the below code with what ever kind of animation you want. Take reference from .animate.

 $('#coolMenu .pink p a').mouseover(function() {
        $('#coolMenu .pink ul').animate({
            height: ['toggle'],
            opacity: 0.75
        }, 3000, function() {
            $('#coolMenu .pink ul').css('display', 'block');
        });
    });​

For aligning the ul on hover, use some css like “margin-left” for selector #coolMenu ul .