对多个div使用相同的JQuery，但一次只应用一个div

我有两个手风琴。通过JQuery，每个手风琴中都有多个事件发生。但是当我点击一个accoridion时，它们都在应用我同时编写的JQuery，我希望它们一次发生一个。我提供了一个密码笔

我希望对两个面板使用相同的JQuery，这样就不必在JQuery中编写两次相同的代码

这是我的密码笔

价格
每15分钟
频率
每15分钟
每小时
每天两次
周报
选择第一次：
上午12点
凌晨1点
凌晨2点
凌晨3点
凌晨4点
上午5点
上午6点
上午7点
上午8点
上午9点
上午10点
上午11点
下午12点
下午一时
下午二时
下午三点
下午四点
下午五点
下午六点
下午7点
晚上八点
晚上9点
晚上10点
晚上11点
选择第二次：
上午12点
凌晨1点
凌晨2点
凌晨3点
凌晨4点
上午5点
上午6点
上午7点
上午8点
上午9点
上午10点
上午11点
下午12点
下午一时
下午二时
下午三点
下午四点
下午五点
下午六点
下午7点
晚上八点
晚上9点
晚上10点
晚上11点
选择一天：
星期一
星期二
星期三
星期四
星期五
星期六
星期日
价格
每15分钟
频率
每15分钟
每小时
每天两次
周报
选择第一次：
上午12点
凌晨1点
凌晨2点
凌晨3点
凌晨4点
上午5点
上午6点
上午7点
上午8点
上午9点
上午10点
上午11点
下午12点
下午一时
下午二时
下午三点
下午四点
下午五点
下午六点
下午7点
晚上八点
晚上9点
晚上10点
晚上11点
选择第二次：
上午12点
凌晨1点
凌晨2点
凌晨3点
<div class="col-12 col-sm-6 col-md-3">
            <label class="switch">
                <input type="checkbox" class="notify-check">
                <span class="slider round"></span>
            </label>
            <div class="disabled-overlay"></div>
            <div id="accordion">
                <div class="card">
                    <div class="card-header" id="headingOne">
                        <button class="btn btn-title center" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">PRICE <i class="caret-icon fas fa-caret-down hide"></i>
                        </button>
                        <div class="btn-text-display center hide">Every 15 Minutes</div>
                    </div>
                    <div id="collapseOne" class="collapse" aria-labelledby="headingOne" data-parent="#accordion">
                        <div class="card-body">
                            <div class="btn-freq-group">
                                <label for="select-list">Frequency</label>
                                <select class="form-control freq-btn" onfocus='this.size=4;' onblur='this.size=1;' onchange='this.size=1; this.blur();'id="select-list">
                                    <option selected="selected" value="every 15 minutes">Every 15 Minutes</option>
                                    <option value="hourly">Hourly</option>
                                    <option value="twice daily">Twice Daily</option>
                                    <option value="weekly">Weekly</option>
                                </select>
                            </div>
                            <div class="twice-daily-btn hide">
                                <label for="time-one">Select First Time:</label>
                                <select onfocus='this.size=4;' onblur='this.size=1;' onchange='this.size=1; this.blur();' class="form-control" id="time-one">
                                    <option selected="selected">12 AM</option>
                                    <option>1 AM</option>
                                    <option>2 AM</option>
                                    <option>3 AM</option>
                                    <option>4 AM</option>
                                    <option>5 AM</option>
                                    <option>6 AM</option>
                                    <option>7 AM</option>
                                    <option>8 AM</option>
                                    <option>9 AM</option>
                                    <option>10 AM</option>
                                    <option>11 AM</option>
                                    <option>12 PM</option>
                                    <option>1 PM</option>
                                    <option>2 PM</option>
                                    <option>3 PM</option>
                                    <option>4 PM</option>
                                    <option>5 PM</option>
                                    <option>6 PM</option>
                                    <option>7 PM</option>
                                    <option>8 PM</option>
                                    <option>9 PM</option>
                                    <option>10 PM</option>
                                    <option>11 PM</option>
                                </select>
                                <label for="time-two">Select Second Time:</label>
                                <select onfocus='this.size=4;' onblur='this.size=1;' onchange='this.size=1; this.blur();' class="form-control" id="time-two">
                                    <option>12 AM</option>
                                    <option>1 AM</option>
                                    <option>2 AM</option>
                                    <option>3 AM</option>
                                    <option>4 AM</option>
                                    <option>5 AM</option>
                                    <option>6 AM</option>
                                    <option>7 AM</option>
                                    <option>8 AM</option>
                                    <option>9 AM</option>
                                    <option>10 AM</option>
                                    <option>11 AM</option>
                                    <option selected="selected">12 PM</option>
                                    <option>1 PM</option>
                                    <option>2 PM</option>
                                    <option>3 PM</option>
                                    <option>4 PM</option>
                                    <option>5 PM</option>
                                    <option>6 PM</option>
                                    <option>7 PM</option>
                                    <option>8 PM</option>
                                    <option>9 PM</option>
                                    <option>10 PM</option>
                                    <option>11 PM</option>
                                </select>
                            </div>
                            <div class="weekly hide">
                                <label for="day">Select A Day:</label>
                                <select onfocus='this.size=4;' onblur='this.size=1;' onchange='this.size=1; this.blur();' class="form-control" id="day">
                                    <option selected="selected">Monday</option>
                                    <option>Tuesday</option>
                                    <option>Wednesday</option>
                                    <option>Thursday</option>
                                    <option>Friday</option>
                                    <option>Saturday</option>
                                    <option>Sunday</option>
                                </select>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
<div class="col-12 col-sm-6 col-md-3">
            <label class="switch">
                <input type="checkbox" class="notify-check">
                <span class="slider round"></span>
            </label>
            <div class="disabled-overlay"></div>
            <div id="accordion2">
                <div class="card">
                    <div class="card-header" id="headingTwo">
                        <button class="btn btn-title center" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="true" aria-controls="collapseTwo">PRICE <i class="caret-icon fas fa-caret-down hide"></i>
                        </button>
                        <div class="btn-text-display center hide">Every 15 Minutes</div>
                    </div>
                    <div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordion2">
                        <div class="card-body">
                            <div class="btn-freq-group">
                                <label for="select-list">Frequency</label>
                                <select class="form-control freq-btn" onfocus='this.size=4;' onblur='this.size=1;' onchange='this.size=1; this.blur();'id="select-list">
                                    <option selected="selected" value="every 15 minutes">Every 15 Minutes</option>
                                    <option value="hourly">Hourly</option>
                                    <option value="twice daily">Twice Daily</option>
                                    <option value="weekly">Weekly</option>
                                </select>
                            </div>
                            <div class="twice-daily-btn hide">
                                <label for="time-one">Select First Time:</label>
                                <select onfocus='this.size=4;' onblur='this.size=1;' onchange='this.size=1; this.blur();' class="form-control" id="time-one">
                                    <option selected="selected">12 AM</option>
                                    <option>1 AM</option>
                                    <option>2 AM</option>
                                    <option>3 AM</option>
                                    <option>4 AM</option>
                                    <option>5 AM</option>
                                    <option>6 AM</option>
                                    <option>7 AM</option>
                                    <option>8 AM</option>
                                    <option>9 AM</option>
                                    <option>10 AM</option>
                                    <option>11 AM</option>
                                    <option>12 PM</option>
                                    <option>1 PM</option>
                                    <option>2 PM</option>
                                    <option>3 PM</option>
                                    <option>4 PM</option>
                                    <option>5 PM</option>
                                    <option>6 PM</option>
                                    <option>7 PM</option>
                                    <option>8 PM</option>
                                    <option>9 PM</option>
                                    <option>10 PM</option>
                                    <option>11 PM</option>
                                </select>
                                <label for="time-two">Select Second Time:</label>
                                <select onfocus='this.size=4;' onblur='this.size=1;' onchange='this.size=1; this.blur();' class="form-control" id="time-two">
                                    <option>12 AM</option>
                                    <option>1 AM</option>
                                    <option>2 AM</option>
                                    <option>3 AM</option>
                                    <option>4 AM</option>
                                    <option>5 AM</option>
                                    <option>6 AM</option>
                                    <option>7 AM</option>
                                    <option>8 AM</option>
                                    <option>9 AM</option>
                                    <option>10 AM</option>
                                    <option>11 AM</option>
                                    <option selected="selected">12 PM</option>
                                    <option>1 PM</option>
                                    <option>2 PM</option>
                                    <option>3 PM</option>
                                    <option>4 PM</option>
                                    <option>5 PM</option>
                                    <option>6 PM</option>
                                    <option>7 PM</option>
                                    <option>8 PM</option>
                                    <option>9 PM</option>
                                    <option>10 PM</option>
                                    <option>11 PM</option>
                                </select>
                            </div>
                            <div class="weekly hide">
                                <label for="day">Select A Day:</label>
                                <select onfocus='this.size=4;' onblur='this.size=1;' onchange='this.size=1; this.blur();' class="form-control" id="day">
                                    <option selected="selected">Monday</option>
                                    <option>Tuesday</option>
                                    <option>Wednesday</option>
                                    <option>Thursday</option>
                                    <option>Friday</option>
                                    <option>Saturday</option>
                                    <option>Sunday</option>
                                </select>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

$(document).ready(function() {


$(".btn-title").click(function() {
    $(".caret-icon").toggleClass('fa-caret-up fa-caret-down');
});

$(".freq-btn").change(function() {
    var str = "";
    $(".freq-btn option:selected").each(function() {
        str += $(this).text();
    });
    $(".btn-text-display").empty();
    $(".btn-text-display").text(str);
    if ($(this).val() == 'twice daily') {
        $('.twice-daily-btn').show();
    }
    else $('.twice-daily-btn').hide();
    if ($(this).val() == 'weekly') {
        $('.weekly').show();
    }
    else $('.weekly').hide();
}).change();
$('.notify-check').change(function(){
    $(".caret-icon").toggleClass("hide");
    $(".disabled-overlay").toggleClass("hide");
    $(".btn-text-display").toggleClass("hide");
    if($(".collapse").hasClass("show"))  {
        $(".collapse").toggleClass("show");
        $(".caret-icon").toggleClass('fa-caret-up fa-caret-down');
    }
});
$(".disabled-overlay").css({"width": ($("#accordion").width() + "px")});    

});

$( window ).resize(function() {
  $(".disabled-overlay").css({"width": ($("#accordion").width() + "px")});  
});

$(".caret-icon")

$(this).closest('.col-12').find(".caret-icon")

$(this).find(".caret-icon")