# Need Help Wit CSS Animation - Urgent

**URL:** <https://forum.kirupa.com/t/need-help-wit-css-animation-urgent/328765>\
**Category:** web dev\
**Created:** [June 14, 2012, 2:21pm UTC](https://forum.kirupa.com/t/need-help-wit-css-animation-urgent/328765 "2012-06-14T14:21:41Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![Reinhardt](https://avatars.discourse-cdn.com/v4/letter/r/8e8cbc/32.png) [@Reinhardt](https://forum.kirupa.com/u/Reinhardt)\
**Post date:** [June 14, 2012, 2:21pm UTC](https://forum.kirupa.com/t/need-help-wit-css-animation-urgent/328765/1 "2012-06-14T14:21:41Z")

</div>

Hi peope!  
I need help with a bit of CSS…  
Im working on a menu system and what I want to do is if you hover over “mmt\_002” it has to animate and show “ms\_002” below. - please note the div structure in my code below. The div “mm\_sub” is the sub navigation container.

If I dump the “mm\_sub” div under inside of the “mmt\_002” list item then it works. but i dont want to do it like that.  
Any help would be apreciated!

Regrads,  
Reinhardt  
\*\*  
the CSS ive used:

\*\*

```auto
#ms_002 { visibility: hidden;
}

#mmt_002:hover #mm_002 {
    visibility: visible;
}

```

\*\*  
Here is my HTML code:\*\*

```auto
<div id="WrapperGlobal"> <div id="WrapperNavigation">
    <ul id="mm_tier_01" role="navigation">
      <li id="mmt_001"><a href="#">MENU OPT 1</a></li>
      <li id="mmt_002"><a href="#">MENU OPT 2</a></li>
    </ul>
    <div class="mm_sub" id="ms_002">
      <ul class="mm_tier_02" role="navigation">
        <li><a href="#">Sub Menu Opt 1</a></li>
        <li><a href="#">Sub Menu Opt 2</a></li>
      </ul>
    </div>
  </div>
</div>

```