Afișare conținut când apeși pe un buton?

[DeNyS. 414]

Tot caut și nu găsesc. Lucrez la o nouă temă IPB și aș vrea să fac un meniu de la 0. Doar că vreau să-l bag pe un buton. Atunci când apeși pe el să iți arate meniul după să dispară. 

Dacă se poate să imi explice cum se adaugă - Am făcut topic aici pentru că Java șe folosește pentru aplicații web, chiar dacă nu le am.

[+Xep 64]

 

<script type="text/javascript">
							document.observe("dom:loaded", function(){
								//$('content').insert( $('nav_menu_2_menucontent').remove() );
								
								new ipb.Menu( $('nav_menu_2_trigger'), $('nav_menu_2_menucontent'), { eventType: 'mouseover', closeOnMouseout: 'nav_menu_2' } );
							});
						</script>

<li id="nav_menu_2">
	<a id="nav_menu_2_trigger" href="/" title="">Meniu &nbsp; &nbsp;<span class="dropdownIndicator"></span></a>
		<div id="nav_menu_2_menucontent" class="meniu-meniu-inc" style="z-index: 9999; position: fixed; top: 36px; left: 557px; opacity: 0.0509862; display: none;">
						<ul style="z-index: 10000;" id="">
							<li class="sub-sub-meniu">
								<a href="/">Nume1</a>
							</li>
							<li class="sub-sub-meniu">
								<a href="/">Nume2</a>
							</li> 
							<li class="sub-sub-meniu">
								<a href="/">Nume3</a>
							</li> 
						</ul>
		</div>
</li> 

 

[DeNyS. 414]

Dacă se poate si CSS, mulțumesc. 

[+Xep 64]

.meniu-meniu-inc {background:#eee;font-size:12px;border:0;min-width:140px;text-align:left;font-family: 'Lato', sans-serif;}
.meniu-meniu-inc  li{padding:0;border:0;float:none!important;min-width:150px;}
.meniu-meniu-inc  a{display:block;padding: 0 10px 0 10px;color:#000;left:0;}
.meniu-meniu-inc  li:hover  a{color:#fff; text-shadow:none;background:rgb(61, 61, 61);}