Javascript jquery展开折叠div不工作

如果“mer info”div位于“exp\u container ex\u collapsed”div内，我的代码就可以工作。 我想要的是将触发展开/折叠函数的div移动到另一个div

<div class="col-xs-2 padding_left div_center_text">
    <<<<<<<<<<<<<<<<<<< --- want "mer info" div function here >>>>>>>>>>>>>>
  </div>


  <div class="row row_no_margin">
    <div class="col-md-12 ">


          <div class="exp_container exp_collapsed">
            <div class="exp_header text_ads_expand_button_mer_info">Mer info</div>
            <div class="exp_content">
              <div class="row">
                 <div class="col-md-3 ">
                 <%= image_tag(ads_item.logo_path) %><br><br>

只需添加两行代码即可折叠和隐藏div

$('.exp_collapsed').click(function(){
    $('.text_ads_expand_button_mer_info').slideToggle('slow');
});

查看工作代码：


$（'.exp_折叠'）。单击（函数（）{
$（'.text\u ads\u expand\u button\u mer\u info'）。slideToggle（'slow'）；
});
.text\u ads\u expand\u button\u mer\u info{
显示：无；
}

市场信息
内容
在中添加一个（甚至可能不起作用）示例，人们将帮助您！非常感谢你，它就像一个符咒。我注意到的一件事是，我首先进入网站，点击文本进行扩展功能，但它无法工作，所以我需要重新加载页面，然后它才能工作。这种情况经常发生。如果我转到另一个链接，然后返回到具有该功能的页面，则也会发生这种情况。这是为我工作的代码“$”（function（）{$（'.exp_header'）。单击（function（）{$（this）.closest（'.exp_container'）。toggleClass（'exp_collapsed'）；}）；”如果你觉得我的答案有帮助，你可以把它标为答案。嗨，我刚刚试过你的答案，效果很好，谢谢