jQuery中的slideToggle函数

时间:2014-03-19 17:23:30

标签: jquery slidetoggle

我正在尝试创建一个函数来打开最后的回声。如果不添加七次,我真的不明白我怎么做。下一个()

当我点击onopen_close按钮时,我需要打开pelet_div

这是我的HTML:

            <div class="table_tr ">
                <div class="w30 first"><input type="button" value="" class="open_close"/></div>
                <div class="w120 first"><span>Medicid MI</span></div>
                <div class="w120"><span>Income</span></div>
                <div class="w120"><span>10/03/2014</span></div>
                <div class="w170"><span>Payment-Cash</span></div>
                <div class="w120"><span>-2616.00</span></div>
                <div class="w120"><span> 10/ 000073</span></div>
                <div class="w120"><span>12/004155</span></div>

                <div class="pelet_div">

                </div>
            </div>

这是jQuery代码:

$(document).ready(function(){
    $(".pelet_div").hide();
     $(".open_close").show().click(function () {
         clickedComponent = $(this);
         $(this).closest('div').next().slideToggle(function(){
             if($(this).is(':visible'))
                 clickedComponent.css("background-position","left top");
             else
                 clickedComponent.css("background-position","left -14px");  
         });
    });
 });

1 个答案:

答案 0 :(得分:1)

使用带选择器的兄弟姐妹似乎可以解决问题:

$(this).closest('div').siblings('.pelet_div').slideToggle(...)