Cacher une div au click

bonjour a tous,

voila je suis assez novice en jquery et besoin d'un petit coup de main .

J'ai un menu liste a l'interieur d'une div.

Lorsque je click sur une des liste, mon contenu s'affiche par fade, dans une nouvelle fentetre ( comme une dialogue box).

J'aimerais lorsque je click sur mon menu liste et que ce contenu s'affiche, faire disparaitre la DIV comprenant le menuliste et le menu liste avec =)

ici sont les codes:

HTML:

<div class="menu">
<ul>
<li2><a href="index.html">AM-WZ</a></li2>
<li><a href="resume.html">RESUME</a></li>
<li><a href="professional.html">PROFESSIONAL</a></li>
<li><a href="academic.html">ACADEMIC</a>
<li><a href="art_fabrication.html">ART AND FABRICATION</a></li>
<li><a href="contact.php">CONTACT</a></li>
</ul>
<br style="clear:left"/>
</div>

<div id="oui" >
<div class="spark">
<h4>RENZO PIANO BUILDING WORKSHOP</h4>
</div>

<div class="listmenu">
<ul>
    <li><a href="#"  class="ok" data-reveal-id="myModal" onMouseOver="ShowPicture('thdp',1)" onMouseOut="ShowPicture('thdp',0)" style="text-decoration : none;color:white">NEW DISTRICT ZHENMAO</a></li>
    <div id="thdp"><img src="img/th/dai.jpg"></div>

    <li><a href="#"  class="big-link" data-reveal-id="myModal" onMouseOver="ShowPicture('thls',1)" onMouseOut="ShowPicture('thls',0)" style="text-decoration : none;color:white">DAI PAI DANG</a></li>
   <div id="thls"><img src="img/th/lucky.jpg"></div>

   
    <li><a href="#"  class="big-link" data-reveal-id="myModal" onMouseOver="ShowPicture('thzh',1)" onMouseOut="ShowPicture('thzh',0)" style="text-decoration : none;color:white">LUCKY STAR</a></li>
<div id="thzh"><img src="img/th/zh.jpg"></div>


</ul>

</div>



<div class="renzo">
<h4>SPARK (ALSOP ARCHITECTS)</h4>
</div>

<div class="listmenu2">
<ul>
    <li><a href="#"  class="big-link" data-reveal-id="myModal" onMouseOver="ShowPicture('thvolcano',1)" onMouseOut="ShowPicture('thvolcano',0)" style="text-decoration : none;color:white">IL VULCANO BUONO</a></li>
    <div id="thvolcano"><img src="img/th/volcano.jpg"></div>

    <li><a href="#"  class="big-link" data-reveal-id="myModal" onMouseOver="ShowPicture('thhousing',1)" onMouseOut="ShowPicture('thhousing',0)" style="text-decoration : none;color:white">EU RHOUSINGG</a></li>
    <div id="thhousing"><img src="img/th/housing.jpg"></div>

</ul>
</div>
</div>
</div>

<div id="myModal" class="reveal-modalzh">
			<h1>NEW DISTRICT ZHENMAO</h1>
            <h5>Zhoushan Zhanmao, China<br><br>
Island Regeneration Project<br><br>
January 2011</h5>
			<h6>Zhanmao New District is strategically located to become the future ‘connector’, between the expanding ‘Ocean Industry Hub’ in the north, and the developed
South Coastal Region. The main north-south highway conveniently connects to the Airport in the south and branches off in a westward direction towards Ningbo.<br><br>

Urban Grain<br>
The orientation of the buildings is in an east to west direction, thus opening up the public spaces towards the mountain views, to the east and west.<br><br>

Retail Street & Canal (plot B16)<br><br>
The Retail Street forms the active heart at the center of the district. Defined by the existing canal waterway, the retail shops break up in places to become retail
 pavilions within a larger market plaza extending across plot B16.<br><br>
The Master Plan creates a ‘layered’ garden town that is rooted in nature. A rich pattern landscape weaves across the plots – a patchwork of both hard and soft 
surfaces energized with flowing water. The architecture organically grows out of this rich patchwork to become Zhanmao New District.</h6>
<div id="img01"><a href="gallery/processing.jpg" class="lightbox" title="Principe du gainable"><img src="gallery/processing.jpg" width="300" height="165"/></a></div>

			<a class="close-reveal-modalzh">&#215;</a>
		</div>

le contenu qui s'affiche dans la dialogue box s'apelle Mymodal, j'aimerais lorsque celle ci apparait faire disparaitre la Div "OUI" ainsi que tout son contenu ( au click du menu liste etant dans la div "menulist")

je vous remercie par avance . .