jQuery的代码，有多个重复的，想知道有没有优化的办法..

Question

$(document).ready(function(){$('#di1zhang').click(function() {
  $('#di1zhang_silde').slideToggle('slow', function() {
    // Animation complete.
  });
  for(var i=1;i<=3;i++){
if(i != 1){
a = "#di"+i+"zhang_silde";
$(a).slideUp('slow');
}
  }
});
$('#di2zhang').click(function() {
  $('#di2zhang_silde').slideToggle('slow', function() {
    // Animation complete.
  });
  for(var i=1;i<=3;i++){
if(i != 2){
a = "#di"+i+"zhang_silde";
$(a).slideUp('slow');
}
  }
});
$('#di3zhang').click(function() {
  $('#di3zhang_silde').slideToggle('slow', function() {
    // Animation complete.
  });
  for(var i=1;i<=3;i++){
if(i != 3){
a = "#di"+i+"zhang_silde";
$(a).slideUp('slow');
}
  }
});
});
如上代码，有很多重复的地方，想知道怎么优化...求解

Answer 1

for(var j=1;j<=3;j++)\
{
 var aid='di'+j+'zhang';
 $('#'+aid).click(function() {
  $('#'+aid+'_silde').slideToggle('slow', function() {
    // Animation complete.
  });
  for(var i=1;i<=3;i++){
        if(i != 1){
            a = "#di"+i+"zhang_silde";
            $(a).slideUp('slow');
        }
  }
 });
}

Answer 2

$(function(){
    $('#di1zhang,#di2zhang,#di3zhang').click(function() {
        var slideId='#'+$(this).attr("id")+'_slide';
          $(slideId).slideToggle('slow', function() {
            // Animation complete.
          });
        $('#di1zhang_silde,#di2zhang_silde,#di3zhang_silde').not($(slideId)[0]).slideUp('slow');
    });
});
试试

Answer 3

$(function(){
    $('#di1zhang,#di2zhang,#di3zhang').click(function() {
        var slideId='#'+$(this).attr("id")+'_slide';
          $(slideId).slideToggle('slow', function() {
            // Animation complete.
          });
        $('#di1zhang_silde,#di2zhang_silde,#di3zhang_silde').not($(slideId)[0]).slideUp('slow');
    });
});
         return 0;