Cevabınız ve yardımınız için teşekkürler kodunuz çalışıyor 1 virgül koymayı unutmuşsunuz fakat bu kodu çalıştırınca tüm divler kapanıyor
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<style type="text/css">.icerik{display:none;}</style>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script type="text/javascript">
$(function(){
$('.spor').click(function(){
var index = $(this).index('.spor');
$('.spor').not(index).find('.icerik').stop().slideUp(200);
$(this).find('.icerik').stop().slideToggle(200);
});
});
</script>
</head>
<body>
<div class="spor">spor1
<li class="icerik">içerik1</li>
</div>
<div class="spor">spor2
<li class="icerik">icerik2</li>
</div>
</body>
</html>Denendi, sorun yok. Kolaygelsin.
Ekledi; kapanıp açılcak olan etiketi, kendisinin kapanıp aşılmasını tetikleyecek olan nesnenin içine değil de sonrasına veya öncesine koyarsanız. sadece .spor içeriğine tıklanınca içindeki. icerik açılıp kapanır. Mevcut durumdaki kullanımda açılan etikete tıklandığında da kendinin kapanmasını tetikleyecektir. .icerik etiketlerini .spor etiketlerinin dışına koymanızı öneririm. Sonrasına koyduğunuzu farzedersek koddaki ".find()"leri ".next()"le değiştirebilirsiniz.