Ş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.