<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.
Hocam merhaba ,
Çalışmıyor anlamında demedim tam düzgün çalışıyor ama yeni farkettim ufak bir sorunumuz var. Ellerinize sağlık bu arada.
.spor adlı dive tıklanınca .icerik açılsın diyoruz amacımız bu.
div şu şekilde
<div class="spor">
</div>
<div class="icerik"></div>
Burada sorun olan şu. İçerik divi spor divinin içinde değil bu şekilde senin kodlarını deneyince çalışmıyor. Fakat içerik divini spor divinin içerisince alınca çalışıyor.
Benim amacım ise içerik divini spor divinin içine almadan bu işlemi gerçekleştirmek.