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.
hocam tamam bu size kolay geldi galiba. ben şöyle bir şey desem. mesela sayfa açıldığında ilk bölüm açık diğerleri kapalı gelse ve ikinci bölüm açılmak istendiğinde ilki kapansa yani aynı anda sadece bir tanesi açık olsa onu nasıl yaparız.