Показать сообщение отдельно
  #1 (permalink)  
Старый 12.09.2016, 15:44
Интересующийся
Отправить личное сообщение для mbrogan Посмотреть профиль Найти все сообщения от mbrogan
 
Регистрация: 12.09.2016
Сообщений: 12

Сворачивающийся текст с обтеканием.
Добрый вечер.
Хочу сделать описание, которое будет разворачиваться в полный объем и обтекать картинку. Но javaScript не хочет делать это вместе. После выполнения замены стилей, обратное действие в блоке else выполняется только для изменения height, а overflow обратно в hidden не хочет уходить. Прошу помощи
(function () {
      var flag = true;

    $("button").click(function () {
      if (flag) {
	  
        var height = $("#tab-description").css("height", "auto").height();
	    var overflow = $("#tab-description").css("overflow", "visible");
		
         $("#tab-description").css("height", "95px")
         $("#tab-description").animate({"height": height});
		 
		 $("#tab-description").css("overflow", "hidden")
         $("#tab-description").animate({"overflow": overflow}); 
		
		 } 
		 
		if(!flag)
		 {

         $("#tab-description").animate({"height": "95px"});
		 $("#tab-description").animate({"overflow": "hidden"}); 

		 }
   
flag = !flag;
});
   })()
Ответить с цитированием