Выдвигающееся меню - не реагирует!
 

Тут такое дело... сделал сам выдвигающее меню с jQuery, но при его раскрытии (оно выдвигается вниз), если там находятся какие-то элементы - не работает (т.е. оно выдвигается, но не работают ссылки и не реагирует на наведение мыши), я думаю проблема тут в html или css... посмотрите, пожалуйста...

jQuery:

$(document).ready(function () {
    $('.menu_head').click(function(){
        $(this).toggleClass('menuHeadHover');
    $('.menu_body').toggle();
    return false
    });
        $(function(){
    $(document).click(function(event) {
    if ($(event.target).closest('.menu_body').length) return;
        $('.menu_body').hide();
        $('.menu_head').removeClass('menuHeadHover');
    event.stopPropagation();
    });
    });
    });

HTML:

<ul id="navigation">
    <li><a href="profile.php">Profile</a></li>
    <li><a href="">Messages</a></li>
    <li><a href="search.php">Search</a></li>
    <li><a href="" class="menu_head">Settings</a></li>
        <ul class="menu_body">
            <div class="settingsChange">You can change your:</div>
            <li><a href="settings_personal.php">Personal</a></li>
            <li><a href="settings_photo.php">Photo</a></li>
            <li><a href="settings_password.php">Password</a></li>
            <li><a href="settings_email.php">E-mail</a></li>
        </ul>
  </ul>

CSS:

если в CSS #navigation добавить
position: absolute;
right: 0px;

то оно не будет ни с чем пересекаться и ссылки заработают.

Большое тебе человеческое спасибо, неделю пытаюсь разобраться, помощи ищу... только ты помог, спасибо!