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>