Сворачивающийся текст с обтеканием.

[mbrogan]

Добрый вечер.
Хочу сделать описание, которое будет разворачиваться в полный объем и обтекать картинку. Но 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;
});
   })()

[рони]

mbrogan,
animate предназначено только для цифровых значений

[mbrogan]

mbrogan,
animate предназначено только для цифровых значений

Но он же выполняет animate при выполнении условия

[рони]

Но он же выполняет animate при выполнении условия

в строках 14 и 22 написан бред, особенно в 14, но jquery сделано так что способно выдержать ещё не такую ересь и не свалится в аут.

[рони]

mbrogan,
попробуйте сделать через .toggleClass() используя только css

[mbrogan]

mbrogan,
попробуйте сделать через .toggleClass() используя только css

Спасибо, все решилось, таким образом:

(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", "106px")
         $("#tab-description").animate({"height": height});
		 
 
		document.getElementById('tab-description').style.overflow = 'visible';
		 } 
		 
		else
		 {
 document.getElementById('tab-description').style.overflow = 'hidden';
         $("#tab-description").animate({"height": "106px"});

		 }
   
flag = !flag;
});
   })()

Причем пришлось переставлять местами

document.getElementById('tab-description').style.overflow = 'hidden';
         $("#tab-description").animate({"height": "106px"});

почему то не хотел работать.

[рони]

document.getElementById('tab-description').style.overflow = 'visible';

$("#tab-description").css("overflow", "visible");

если пишите на jquery не мешайте с js, по желанию.

[mbrogan]

$("#tab-description").css("overflow", "visible");

Благодарю за совет