日期:2014-05-16  浏览次数:20315 次

各位神牛有办法精简这段代码么???
$(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)});
});

一看就明白了吧

------解决方案--------------------
$(".item_title").each(function(index){
$(".item_title:eq(index)").click(function(){
$(".item_content:eq(index)").slideToggle(1000)});
});
这样试试!
------解决方案--------------------
JScript code
<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>

------解决方案--------------------
探讨

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

------解决方案--------------------
JScript code
    $(document).ready(function () {
        var items = $('.item_title'), idx;
        items.click(function () {
            $('.item_content:eq(' + items.index($(this)) + ')').slideToggle(1000);
        });
    });

------解决方案--------------------
这样性能怎么能达到最优?

$(document).ready(function(){
$(".item_title的上一层节点").click(function(e){$(e.target).slideToggle(1000)});//e.target就是只想你点击的这个dom
});
------解决方案--------------------
JScript code
$('.item_title').live({
  click : function(){
     $(this).slideToggle(1000);
  }
});

------解决方案--------------------
+1
探讨
JScript code
$(document).ready(function () {
var items = $('.item_title'), idx;
items.click(function () {
$('.item_content:eq(' + items.index($(this)) + ')').slideT……

------解决方案--------------------
$(".item_title").bind("click",function(){
$('.item_content:eq('+$(this).index()+')').slideToggle
})
------解决方案--------------------
$(function () {
var item_content = $('.item_content');