<script src="jquery-1.2.6.pack.js"></script>
<style>
div#div_main{
position:absolute;
border:1px solid;
width:200px;
}
.img{
background-color:green;
height:100px;
display:none;
}
</style>
<div id="div_main">
<div>
<div id="t1" class="t">title1</div>
<div id="img1" class="img">image</div>
</div>
<div>
<div id="t2" class="t">title2</div>
<div id="img2" class="img">image</div>
</div>
<div>
<div id="t3" class="t">title3</div>
<div id="img2" class="img">image</div>
</div>
</div>
<style>
div#div_main{
position:absolute;
border:1px solid;
width:200px;
}
.img{
background-color:green;
height:100px;
display:none;
}
</style>
<div id="div_main">
<div>
<div id="t1" class="t">title1</div>
<div id="img1" class="img">image</div>
</div>
<div>
<div id="t2" class="t">title2</div>
<div id="img2" class="img">image</div>
</div>
<div>
<div id="t3" class="t">title3</div>
<div id="img2" class="img">image</div>
</div>
</div>
<script>
$("div#div_main .t").click(function(){
$(".img:visible").slideUp("fast");
$(this).next(":hidden").slideDown("fast");
})
</script>