ugurylmz2121 adlı üyeden alıntı
Şu kodu index.html diye kaydet . heralde istediğin bu şekil birşey
jQuery Twitter Tarzı Açılır Kapanır Divler
<script></script>
<script>
$(function(){
$.olay = function(msj) {
var msj = "" + msj + "";
$(".olay").append(msj);
}
$("#liste div").data("durum","kapali");
$("#liste div").click(function() {
var durum = $(this).data("durum"),
index = $(this).index(),
tumu = $("#liste div").length;
if(durum == "kapali") {
if(index == 0) {
$(this).addClass("marginbottom").find("p").show(100);
$(this).data("durum","acik");
$.olay("ilk nesne açıldı");
} else if(index == (tumu - 1)) {
$(this).addClass("margintop").find("p").show(100);
$(this).data("durum","acik");
$.olay("son nesne açıldı");
} else {
$(this).addClass("marginbottom margintop").find("p").show(100);
$(this).data("durum","acik");
$.olay((index +1) + ".nesne açıldı");
}
} else if(durum == "acik") {
if(index == 0) {
$(this).removeClass("marginbottom").find("p").hide(100);
$(this).data("durum","kapali");
$.olay("ilk nesne kapandı");
} else if(index == (tumu - 1)) {
$(this).removeClass("margintop").find("p").hide(100);
$(this).data("durum","kapali");
$.olay("son nesne kapandı");
} else {
$(this).removeClass("marginbottom margintop").find("p").hide(100);
$(this).data("durum","kapali");
$.olay((index +1) + ".nesne kapandı");
}
}
});
})
</script>
Burası gözüküyor
Burası gözükmüyor
Burası gözüküyor
Burası gözükmüyor
Burası gözüküyor
Burası gözükmüyor
Burası gözüküyor
Burası gözükmüyor
Burası gözüküyor
Burası gözükmüyor
Konuya dönmek için tıklayınız.
İlginiz için çok teşekkür ederim, sizin yolladığınız kodu denedim istediğim mantıkla çalışıyor. Peki benim kodu düzeltme şansınız varmı, benim mantığımca display kısmında bir problem var. Tekrar teşekkür ederim.
Ek Olarak:
hmm bende sidebarda kategorileri açılır kapanır yapmak istiyorum da ondan dedim :D
ugurylmz2121 ' arkadaşın yolladığı kod senin işini görebilir :)