<html>
<head>
<FCK:meta http-equiv="Content-Type" content="text/html; charset=windows-1254" />
<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=" 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=" 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=" 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>
