Показать сообщение отдельно
  #12 (permalink)  
Старый 04.07.2018, 10:37
Интересующийся
Отправить личное сообщение для max1985 Посмотреть профиль Найти все сообщения от max1985
 
Регистрация: 03.07.2018
Сообщений: 25

Сообщение от laimas Посмотреть сообщение
Dilettante_Pro,
лучше менять текст на одной ссылке и slideToggle() как по ссылке.
Так и сделал:
<script type="text/javascript">
$(document).ready(function(){
$('#getContent').click(function(){

$(this).toggleClass('opened').toggleClass('closed').next().slideToggle();
    if($(this).hasClass('opened')) {
        $(this).html('Скрыть');
		$.ajax({
url: "/katprod/",
type: "GET",
cache: false,
beforeSend: function() {
$('#divContent').html('Получаем контент');
},
success: function(html){
$("#divContent").html(html);
}
});
    }
    else {
        $(this).html('Развернуть');
    }
return false;
});
});
  </script>
<div class="col-md-12 col-sm-12 col-xs-12"><a href="#" id="getContent">Развернуть</a></div>
<div class="col-md-12 col-sm-12 col-xs-12" id="divContent"></div>

Теперь надо скрыть контент при повторном нажатии
Попробовал сделать так:
else {
        $(this).html('Развернуть');
		$("#divContent").remove();
    }

Но тогда второй раз контент не загружаеться

Последний раз редактировалось max1985, 04.07.2018 в 10:51.
Ответить с цитированием