2014-12-25 4 views
0

Этот код, который у меня есть, работает, если div «mer info» находится внутри div «exp_container ex_collapsed». То, что я хочу, чтобы переместить DIV, запускающие развернуть/функцию коллапс в другой DIVjquery expand collapse 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 строки кода для распада и шкура дел.

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

Заканчивать рабочий код в скрипкой:

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

+0

Большое вам спасибо, это работает как шарм. Одна вещь, которую я замечаю, заключается в том, что я сначала вхожу на сайт и нажимаю на текст для расширяющегося fucntion, он не будет работать, поэтому мне нужно снова перезагрузить страницу, а затем она будет работать. Это случается все время. Это также происходит, если я перейду к другой ссылке, а затем вернусь к странице, на которой есть fucntion, и она тоже не будет работать. –

+0

это код, который работал для меня ' $ (функция() { $ ('. Exp_header '). Выберите (функция() { $ (это) .closest ('. Exp_container '). ToggleClass ('exp_collapsed'); }); }); ' –

+0

Если вы найдете мой ответ полезным, вы можете отметить его как ответ. – user3263194