I have a menu looking like this:

<li class="page_item current_page_item">...</li>
<li class="page_item">...</li>
<li class="page_item">...</li>

and so on...

I then have a mouseenter function that highlights/"de"-highlights the
various menu items, but I would like to not having it affect the item
with the extra class "current_page_item". How do I solve this?

my current code:

<script type="text/javascript">
    $(document).ready(function() {
        $('.page_item').mouseenter(function(e) {

                $(this).children('a').children('div').fadeIn(0);

        }).mouseleave(function(e) {

                $(this).children('a').children('div').fadeOut(200);

        });
    });
</script>

Reply via email to