<html> <head> <FCK:meta http-equiv="Content-Type" content="text/html; charset=windows-1254" ></FCK:meta> <title>Katlanır Menü</title> <style type="text/css"> #MenuTasiyici{ margin: 0; padding: 0; width: 320px; font-family: arial, tahoma sans-serif; } #MenuTasiyici .Baslik{ background-color: #245EDC; height: 22px; width: 320px; font-size: 12px; font-weight: bold; color: #E4EBFA; line-height: 22px; margin-bottom: 1px; } #MenuTasiyici .Baslik span{ padding-left: 8px; } #MenuTasiyici .OgeBaslik{ background-color: #ABC1F1; height: 20px; line-height: 20px; font-weight: bold; font-size: 11px; padding-left: 7px; cursor: pointer; border-bottom: solid 1px #245EDC; } #MenuTasiyici .OgeGrup{ width: 100%; color: #004E98; } #MenuTasiyici .Oge{ background-color: #F5F5F5; height: 20px; line-height: 20px; font-size: 11px; padding-left: 10px; border-bottom: solid 1px #D9DAD8; } </style> <script type="text/javascript"> function OgeAcKapa(oge) { if (document.getElementById(oge).style.display == 'none') { document.getElementById(oge).style.display = ''; } else { document.getElementById(oge).style.display = 'none'; } } </script> </head> <body> <div id="MenuTasiyici"> <div class="Baslik"><span>Katlanır Menü</span></div> <div class="OgeBaslik" onclick_fckprotectedatt_fckprotectedatt=" onclick_fckprotectedatt=" onclick=""OgeAcKapa('og1');""> Menu1 </div> <div id="og1" class="OgeGrup" style="display: none;"> <div class="Oge">1.1</div> <div class="Oge">1.2</div> <div class="Oge">1.3</div> </div> <div class="OgeBaslik" onclick_fckprotectedatt_fckprotectedatt=" onclick_fckprotectedatt=" onclick=""OgeAcKapa('og2');""> Menu2 </div> <div id="og2" class="OgeGrup" style="display: none;"> <div class="Oge">2.1</div> <div class="Oge">2.2</div> </div> <div class="OgeBaslik" onclick_fckprotectedatt_fckprotectedatt=" onclick_fckprotectedatt=" onclick=""OgeAcKapa('og3');""> Menu3 </div> <div id="og3" class="OgeGrup" style="display: none;"> <div class="Oge">3.1</div> <div class="Oge">3.2</div> <div class="Oge">3.3</div> </div> </div> </body> </html> <script type="text/javascript"> var menu_sayisi = 3; // Menü sayınızı buradan ayarlayınız, menü adlarının sonu ardışık artacak şekilde olmalıdır var s, alan; function OgeAcKapa(oge) { if (document.getElementById(oge).style.display == 'none') { document.getElementById(oge).style.display = ''; for (s = 1; s <= menu_sayisi; s++) { alan = "og" + s; if (oge != alan) { document.getElementById(alan).style.display = 'none'; }; }; } else { document.getElementById(oge).style.display = 'none'; } } </script> 

NASIL KULLANILIR DİYENLERE ?