Не могу показать 1 div одновременно, Jquery

Question

У меня немного трудные времена с куском скрипта jQuery.

Я пытаюсь показать показ / скрытие одного деления за раз. Происходит следующее: все div (.slidingDiv) открываются одновременно. Ниже мой код:

01.<script src="jquery-1.6.2.min.js" type="text/javascript"></script>
02.<script type="text/javascript">
03.$(document).ready(function(){
04.$(".slidingDiv").hide();
05.$("#btn-swap").show();
06.$("#btn-swap").click(function(){
07.$('.img-swap').each(function(){
08.if($(this).hasClass('on')){
09.this.src = this.src.replace("_off","_on");
10.} else {
11.this.src = this.src.replace("_on","_off");
12.}
13.$(this).toggleClass("on");
14.});
15. 
16.$(".slidingDiv").slideToggle();
17.});
18.});
19.</script>

01.<a href="#" id="btn-swap" >
02.<div  class="togglebg"><table>
03.<tr>
04.<td>&nbsp;&nbsp;&nbsp;<img src="images/plus_on.gif" class="img-swap"/></td>
05.<td width="864" align="center" valign="middle" class="specshead">Engine</td>
06.<td ><img src="images/show_on.gif" class="img-swap"/>&nbsp;</td>
07.</tr>
08.</table>
09.</div></a>
10.<div id="foo"  class="slidingDiv">this is foo</div>
11.<a href="#" id="btn-swap" >
12.<div  class="togglebg"><table >
13.<tr>
14.<td >&nbsp;&nbsp;&nbsp;<img src="images/plus_on.gif" class="img-swap"/></td>
15.<td class="specshead">Engine</td>
16.<td ><img src="images/show_on.gif" class="img-swap"/>&nbsp;</td>
17.</tr>
18.</table>
19.</div></a>
20.<div id="foo2"  class="slidingDiv">this is foo2</div>

Answer 1

Как насчет

 $(".slidingDiv").each(function(i) {
        $(this).delay(1000*i).hide(0);
    });

Answer 2

http://api.jquery.com/show/

Соответствующие элементы будут показаны немедленно, без анимации.

См. Множественное число

Answer 3

Маби, вы можете использовать

function(number) {
    $(".slidingDiv").hide();
    $("#foo".number).show();
}

, а затем просто вызывать функцию со всеми числами делителей один за другим с задержкой.