Javascript 我可以用jquery在同一个类中显示或隐藏吗

我有一些div，每个div包含一个日期选择器和一个按钮。我想通过单击相应的

Reschedule

按钮来显示/隐藏单个日期选择器。但是，在我当前的解决方案中，当我单击按钮时，所有日期选择器都会切换

我写了这个脚本：

<script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"></script>
<script type="text/javascript">
    $(document).ready(function(){
        $(".datepicker_reschedule").hide();
        $(".panel-heading").on('click','.reschedule',function(){
            $(".datepicker_reschedule").fadeToggle("slow", "linear" );
        });
    });
    </script>

<div class="panel panel-default">
    <div class="panel-heading">
        <button class="btn reschedule">Reschedule</button>
        <button class="btn cancel">Cancel</button>
        <span class="datepicker_reschedule">
            <input type="text" class="form-control">
            <button class="btn btn-sm btn-warning">Save</button>
        </span>
    </div>
    <div class="panel-body" style="overflow: auto;">content A</div>
</div>

<div class="panel panel-default">
    <div class="panel-heading">
        <button class="btn btn-info reschedule"    id="" style="width:100px">Reschedule</button>
        <button class="btn btn-warning" id="cancel"     style="width:100px">Cancel</button>
        <span class="datepicker_reschedule">
            <input type="text" class="form-control">
            <button class="btn btn-sm btn-warning">Save</button>
        </span>
    </div>
    <div class="panel-body" style="overflow: auto;">content B</div>
</div>

$（文档）.ready（函数（）{
$（“.datepicker_reschedule”）.hide（）；
$（“.panel heading”）。在（'单击'，'重新调度'，函数（）上{
$（“.datepicker_reschedule”）.fadeToggle（“慢速”、“线性”）；
});
});
重新安排
取消
拯救
内容A
重新安排
取消
拯救
内容B

这是一个工作片段！ 我指的是被单击的元素，我已经将和函数添加到代码中。 现在它工作得很好

$（文档）.ready（函数（）{
$（“.datepicker_reschedule”）.hide（）；
$（“.reschedule”）。在（'click'，函数（e）{
$（this）.parent（）.find（“.datepicker_reschedule”）.fadeToggle（“慢速”、“线性”）；
});
});
重新安排
取消
拯救
内容A
重新安排
取消
拯救
内容B

您只需找到按钮与要切换的元素之间的

关系。在您的情况下，它们都是同一
面板标题
元素的
子元素

因此，只需更改应切换的元素，如下所示：

$(this).parent().find(".datepicker_reschedule").fadeToggle("slow", "linear" );


$（此）
-与单击的按钮相关
parent（）
-该按钮的父级
find（“.datapicker..”）
-查找所需的元素

我会做好的

您当前的解决方案有什么问题？当我单击一个按钮时，所有文本框都会出现，我只想要一个出现的文本框。为什么您不同时使用两个不同的ID并通过ID处理它们呢？我会显示很多人，但这里只有两个，因为我使用了forloop