kodu şöle düzenleyince div'ede uygulayabildim. biraz eksiklerim var ama teşekkürler çok.

<script>
$("#container div").addClass("faded");
$("#container div:first-child").addClass("not-faded");

$(".thumbnails img:first-child").addClass("selected");
$(function(){
$(".thumbnails img").click(function(e){
var index = $(this).index();
var obj=$("#container div").eq(index);
obj.addClass("not-faded");
obj.siblings().removeClass("not-faded");
obj.siblings().addClass("faded");
console.log(e);
$(".thumbnails img").removeClass("selected");
e.currentTarget.className="selected";
});
});
</script>

--R10.NET; Flood Engellendi -->-> Yeni yazılan mesaj 12:08:26 -->-> Daha önceki mesaj 11:10:40 --

arkadaşlar, küçük bir yardımınızla düşündüğüm şeyin en temizi şu olacak. bu haliyle çalışıyor fadein fadeout olmadan

<div id="pages" style="position:absolute; top:20px; width:100px; height:100px; background-color:rgb(0,0,200)">
<div id="1">1111</div>
<div id="2">2222</div>
<div id="3">3333</div>
</div>

<div id="buttons" style="position:absolute; bottom:20px">
<a href="#" id="1">Div 1</a>
<a href="#" id="2">Div 2</a>
<a href="#" id="3">Div 3</a>
</div>

<script>
$("#buttons a").click(function() {
var id = $(this).attr("id");
$("#pages div").css("display", "none");
$("#pages div#" + id + "").css("display", "block");
});
$("#pages div:not(#1)").css("display", "none");
</script>

şu script içinde display none, display block yerine jquery fadeout, fadein, yada css opacity animate gibi bir çözüm olursa çok iyi olur. şimdiden teşekkürler