Merhaba, ben bir okul sitesi üzerinde çalışıyorum accordion menü ekledim yalnız ana başlığa tıkladığımda sayfa yenileniyor yenilenmesiniz istemiyorum kodları nasıl değiştirmem gerek yardım edermisiniz?
Siteyi görmek için
tıklayınız
Bu adreste sol taraftaki yeşil menü Örn; Okulumuz başlığına tıklayınca hem menü açılıyor hede sayfa yenileniyor, yenilenmesiniz istemiyorum
Menü kodları bunlar;
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="ddaccordion.js">
</script>
<script type="text/javascript">
//Initialize Arrow Side Menu:
ddaccordion.init({
headerclass: "menuheaders", //Shared CSS class name of headers group
contentclass: "menucontents", //Shared CSS class name of contents group
revealtype: "clickgo", //Reveal content when user clicks or onmouseover the header? Valid value: "click", or "mouseover"
mouseoverdelay: 200, //if revealtype="mouseover", set delay in milliseconds before header expands onMouseover
collapseprev: true, //Collapse previous content (so only one open at any time)? true/false
defaultexpanded: [0], //index of content(s) open by default [index1, index2, etc]. [] denotes no content.
onemustopen: false, //Specify whether at least one header should be open always (so never all headers closed)
animatedefault: true, //Should contents open by default be animated into view?
persiststate: true, //persist state of opened contents within browser session?
toggleclass: ["unselected", "selected"], //Two CSS classes to be applied to the header when it's collapsed and expanded, respectively ["class1", "class2"]
togglehtml: ["none", "", ""], //Additional HTML added to the header when it's collapsed and expanded, respectively ["position", "html1", "html2"] (see docs)
animatespeed: 500, //speed of animation: integer in milliseconds (ie: 200), or keywords "fast", "normal", or "slow"
oninit:function(expandedindices){ //custom code to run when headers have initalized
//do nothing
},
onopenclose:function(header, index, state, isuseractivated){ //custom code to run whenever a header is opened or closed
//do nothing
}
})
</script>
<style type="text/css">
.arrowsidemenu{
width: 180px; /*width of menu*/
border-style: solid solid none solid;
border-color: #94AA74;
border-size: 1px;
border-width: 1px;
}
.arrowsidemenu div a{ /*header bar links*/
font: bold 12px Verdana, Arial, Helvetica, sans-serif;
display: block;
background: transparent url(arrowgreen.gif) 100% 0;
height: 24px; /*Set to height of bg image-padding within link (ie: 32px - 4px - 4px)*/
padding: 4px 0 4px 10px;
line-height: 24px; /*Set line-height of bg image-padding within link (ie: 32px - 4px - 4px)*/
text-decoration: none;
}
.arrowsidemenu div a:link, .arrowsidemenu div a:visited{
color: #26370A;
}
.arrowsidemenu div a:hover{
background-position: 100% -32px;
}
.arrowsidemenu div.unselected a{ /*header that's currently not selected*/
color: #26370A;
}
.arrowsidemenu div.selected a{ /*header that's currently selected*/
color: #26370A;
background-position: 100% -64px !important;
}
.arrowsidemenu ul{
list-style-type: none;
margin: 0;
padding: 0;
}
.arrowsidemenu ul li{
border-bottom: 1px solid #a1c67b;
}
.arrowsidemenu ul li a{ /*sub menu links*/
display: block;
font: normal 12px Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
color: black;
padding: 5px 0;
padding-left: 10px;
border-left: 10px double #a1c67b;
}
.arrowsidemenu ul li a:hover{
background: #d5e5c1;
}
</style>
<body>
<div class="arrowsidemenu">
<div class="menuheaders"><a title="Okulumuz" class="selected">Okulumuz</a></div>
<ul class="menucontents">
<li><a href="syf.asp?v=hkmz.asp">Tarihçe</a></li>
<li><a href="syf.asp?v=msyn.asp">Misyonumuz</a></li>
<li><a href="syf.asp?v=vzyn.asp">Vizyonumuz</a></li>
<li><a href="syf.asp?v=ypm.asp">İlkeler</a></li>
</ul>
<div class="menuheaders"><a title="Okul Yanetimi" class="selected">Okul Yönetimi</a></div>
<ul class="menucontents">
<li><a href="syf.asp?v=idari.asp">Okul Müdürü</a></li>
<li><a href="syf.asp?v=idari.asp">Müdür Yardımcıları</a></li>
</ul>
<div><a href="syfu.asp?v=ogrt.asp" title="Öğretmenlerimiz">Öğretmenlerimiz</a></div>
<div><a href="syfu.asp?v=clsn.asp" title="Yardımcı Personel">Yardımcı Personel</a></div>
<div><a href="syf.asp?v=ypm.asp" title="Rehberlik">Rehberlik</a></div>
<div class="menuheaders"><a title="Okulda Yaşam" class="selected">Okulda Yaşam</a></div>
<ul class="menucontents">
<li><a href="syfu.asp?v=kyft.asp">Okulumuz Öğrenci Kıyafeti</a></li>
<li><a href="syfd.asp?v=nbtog.asp">Nöbetçi Öğrenci Görevleri</a></li>
<li><a href="syf.asp?v=zaman.asp">Zaman Çizelgesi</a></li>
<li><a href="syf.asp?v=ypm.asp">İstaristikler</a></li>
</ul>
<div><a href="syf.asp?v=ypm.asp" title="Etkinlikler">Etkinlikler</a></div>
<div class="menuheaders"><a title="Kurallar" class="selected">Kurallar</a></div>
<ul class="menucontents">
<li><a href="syf.asp?v=ypm.asp">Sınıf Geçme Yönetmeliği</a></li>
<li><a href="syf.asp?v=ypm.asp">Kılık Kıyafet Yönetmeliği</a></li>
<li><a href="syf.asp?v=ypm.asp">Ödül Disiplin Yönetmeliği</a></li>
</ul>
<div><a href="syf.asp?v=ypm.asp" title="Ayın Öğrenci">Ayın öğrencisi</a></div>
<div class="menuheaders"><a title="İftihar Tablosu" class="selected">İftihar Tablosu</a></div>
<ul class="menucontents">
<li><a href="syf.asp?v=ypm.asp">2010 - 2009</a></li>
<li><a href="syf.asp?v=ypm.asp">2008 - 2009</a></li>
</ul>
<div class="menuheaders"><a title="İletişim" class="selected">İletişim</a></div>
<ul class="menucontents">
<li><a href="syf.asp?v=ypm.asp">İletişim Bilgileri</a></li>
<li><a href="syf.asp?v=ypm.asp">Ulaşım - Kroki</a></li>
<li><a href="syf.asp?v=ypm.asp">İletişim Formu</a></li>
</ul>
<div><a href="syf.asp?v=ypm.asp" title="Mezunlarımız">Mezunlarımız</a></div>
</div>