各位神牛有办法精简这段代码么???

Question

$(document).ready(function(){
$(".item_title:eq(0)").click(function(){$(".item_content:eq(0)").slideToggle(1000)});
$(".item_title:eq(1)").click(function(){$(".item_content:eq(1)").slideToggle(1000)});
$(".item_title:eq(2)").click(function(){$(".item_content:eq(2)").slideToggle(1000)});
$(".item_title:eq(3)").click(function(){$(".item_content:eq(3)").slideToggle(1000)});
$(".item_title:eq(4)").click(function(){$(".item_content:eq(4)").slideToggle(1000)});
$(".item_title:eq(5)").click(function(){$(".item_content:eq(5)").slideToggle(1000)});
$(".item_title:eq(6)").click(function(){$(".item_content:eq(6)").slideToggle(1000)});
$(".item_title:eq(7)").click(function(){$(".item_content:eq(7)").slideToggle(1000)});
$(".item_title:eq(8)").click(function(){$(".item_content:eq(8)").slideToggle(1000)});
$(".item_title:eq(9)").click(function(){$(".item_content:eq(9)").slideToggle(1000)});
});一看就明白了吧

Answer 1

$(".item_title").each(function(index){
       $(".item_title:eq(index)").click(function(){
           $(".item_content:eq(index)").slideToggle(1000)});
});
这样试试!

Answer 2

$(".item_title").each(function(){
var _this = $(this);
  _this.click(function(){
  _this.slideToggle(1000)});
});代码乍看多了一行 但性能更优

Answer 3

<script type="text/javascript">
    $(document).ready(function(){
        $(".item_title").click(function(){
            $(this).slideToggle(1000);
        });
    });
    //因为不知道.item_title到底有多少个，而且可能你只要想要前10使用此效果，所以再写一个给你备用
    $(document).ready(function(){
        $(".item_title:lt(9)").click(function(){
            $(this).slideToggle(1000);
        });
    });
</script>

Answer 4

注意前面和后面的对象是不同的......
只是序号相同.....$(".item_title:eq(9)").click(function(){$(".item_content:eq(9)").slideToggle(1000)});

Answer 5

    $(document).ready(function () {
        var items = $('.item_title'), idx;
        items.click(function () {
            $('.item_content:eq(' + items.index($(this)) + ')').slideToggle(1000);
        });
    });

Answer 6

这样性能怎么能达到最优?$(document).ready(function(){
$(".item_title的上一层节点").click(function(e){$(e.target).slideToggle(1000)});//e.target就是只想你点击的这个dom
});

Answer 7

$('.item_title').live({
  click : function(){
     $(this).slideToggle(1000);
  }
});

Answer 8

$(".item_title").bind("click",function(){
    $('.item_content:eq('+$(this).index()+')').slideToggle
})

Answer 9

$(function () {
var item_content = $('.item_content');
$(".item_title").click(function(){
  item_content.eq($(this).index()).slideToggle(1000);
});
});