iyi günler ben jquery ile açılır kapanır menü yapmak istiyorum. menülere tıklayınca aşağı doğru menü içeriği açılsın fakat bir daha tıklayınca veya farklı bir menüye tıklayınca önce açılan menü kapansın daha sonra yeni menü açılsın istiyorum. mondialin sitesindeki menüler gibi( http://www.mondialmotor.com.tr/ ). benim kodlarım sadece tıklanan menüyü aşağı doğru açıyor.
benim kodlarım:
$("div#banner").not(":first").hide();
$("ul.tab li").click(function(){
var index=$(this).index();
$("div#banner").hide();
$("div#banner").eq(index).slideToggle(1000);
});
<body>
<div class="ust">
<ul class="tab">
<li><a href="#">Menü-1</a></li>
<li><a href="#">Menü-2</a></li>
<li><a href="#">Menü-3</a></li>
<li><a href="#">Menü-4</a></li>
</ul>
</div>
<div id="banner" class="m1" >Menü1 divi</div>
<div id="banner" class="m2" >Menü2 divi</div>
<div id="banner" class="m3" >Menü3 divi</div>
<div id="banner" class="m4" >Menü4 divi</div>
<div class="alt"></div>
</body>
bunu nasıl yaparım yardımcı olursanız sevinirim.
benim kodlarım:
$("div#banner").not(":first").hide();
$("ul.tab li").click(function(){
var index=$(this).index();
$("div#banner").hide();
$("div#banner").eq(index).slideToggle(1000);
});
<body>
<div class="ust">
<ul class="tab">
<li><a href="#">Menü-1</a></li>
<li><a href="#">Menü-2</a></li>
<li><a href="#">Menü-3</a></li>
<li><a href="#">Menü-4</a></li>
</ul>
</div>
<div id="banner" class="m1" >Menü1 divi</div>
<div id="banner" class="m2" >Menü2 divi</div>
<div id="banner" class="m3" >Menü3 divi</div>
<div id="banner" class="m4" >Menü4 divi</div>
<div class="alt"></div>
</body>
bunu nasıl yaparım yardımcı olursanız sevinirim.