# Interacting with css class

**URL:** <https://forum.kirupa.com/t/interacting-with-css-class/277097>\
**Category:** Uncategorized\
**Created:** [December 7, 2008, 9:01pm UTC](https://forum.kirupa.com/t/interacting-with-css-class/277097 "2008-12-07T21:01:48Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![myoreo](https://avatars.discourse-cdn.com/v4/letter/m/7feea3/32.png) [@myoreo](https://forum.kirupa.com/u/myoreo)\
**Post date:** [December 7, 2008, 9:01pm UTC](https://forum.kirupa.com/t/interacting-with-css-class/277097/1 "2008-12-07T21:01:48Z")

</div>

Hi folks, I have no idea how to write this in javascript…

I created a navigation in css and I want to be able to hide the first menu’s sub items once the user hovers over the other three menu items.  
this is the preview link:  
[http://www.1826db.com/prototype/sukgyung/listnavTest.html](http://www.1826db.com/prototype/sukgyung/listnavTest.html)

Additional info:  
The css code for first menu item is:  
#nav li.firstItemOn ul {  
display: block;  
border:none;  
margin-left:-16px;  
}

The other three menu item names are secondItem, thirdItem, fourthItem.

Anybody know how to disable a css class once you hover over those three menu items?

Thanks in advance.