jQuery中的slideToggle函数答案

【问题标题】：slideToggle function in jQueryjQuery中的slideToggle函数
【发布时间】：2015-09-28 12:22:38
【问题描述】：

我正在尝试创建一个函数来打开最后的回声。我真的不明白不加七次我怎么能做到。下一个（）

当我点击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");  
         });
    });
 });

【问题讨论】：

标签： jquery slidetoggle

【解决方案1】：

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

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

【讨论】：