2014-12-25 123 views
0

如果「mer info」div在「exp_container ex_collapsed」div內,我有這個代碼。 我想是到觸發展開的DIV /摺疊功能移動到另一個DIVjquery展開崩潰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> 
+0

添加在[的jsfiddle]一個(甚至不工作)例(http://jsfiddle.net/),人們會幫你! – Markus

回答

0

您需要添加只有2行代碼的DIV的崩潰和隱藏。

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

退房在小提琴的工作代碼:

http://jsfiddle.net/Q4PUw/3098/

+0

非常感謝,它的作用像一個魅力。我注意到的一件事是,我第一次進入網站,並點擊擴展功能的文本,它不會工作,所以我需要重新加載頁面,然後它的工作。這一直髮生。 這也發生如果我去另一個鏈接,然後回到有功能的頁面,它不會工作,然後。 –

+0

這是爲我工作 代碼 ' $(函數(){ $('。exp_header ')。點擊(函數(){$ (本).closest('。exp_container')。toggleClass( 'exp_collapsed'); }); });' –

+0

如果您發現我的答案有幫助,則可以將其標記爲答案。 – user3263194