ali@hmadi
یک شنبه 05 مرداد 1393, 16:19 عصر
حالا فهمیدم منظور شما را ...
این کد اول 3 تا شکل را با هم show میکند بعد بعدی ها را یکی یکی
<script type="text/javascript" src="jq.js"></script>
<style type="text/css">
.d {
width:100px;
height:100px;
border:1px solid #000;
background:#06C;
}
</style>
<div id="id" class="d">0</div>
<div id="id1" class="d">1</div>
<div id="id2" class="d">2</div>
<div id="id3" class="d">3</div>
<div id="id5" class="d">5</div>
<div id="id6" class="d">6</div>
<div id="id7" class="d">7</div>
<script>
$(document).ready(function(){
$('#id1,#id2,#id3,#id4,#id5,#id6,#id7').hide();
})
$('#id').click(function(){
$('#id1,#id2,#id3').fadeIn(2000,function(){ $(this).show();});
//function(){$('#id5').fadeIn(2000,function(){ $(this).show();});}
$('#id5').fadeIn(2000,function(){ $(this).show(function(){$('#id6').fadeIn(2000,func tion(){ $(this).show(function(){$('#id7').fadeIn(2000,func tion(){ $(this).show();});});});});});
});
</script>
البته یکم شلوغ نوشتم , اما فکر کنم یکم دقت بکنید می فهمید چی نوشته شده // را هم برای راهنمایی توی show قرار میگیره ...