JQuery авто высоты затруднительного

Question

Я выполнил JQuery на сайте (нажмите на знак плюс) http://pligg.marsgibson.info

нажмите первые две историй первого рассказ имеет разрыв при расширении в то время как вторая история оленьей кожи как установить автоматическую высоту для это JQuery

вот мой style.css

http://pligg.marsgibson.info/templates/wistie/css/style.css

Я пытаюсь изменить .toggle_container .block

Answer 1

просто удалить строку height: 80px;

Answer 2

Прежде всего, у вас есть несколько HMTL no-no's. Вы не можете иметь блочные элементы внутри элементов инлайн-уровня (<p> тегов в <span> тегах (вы должны заменить <span> с </div>).

Чтобы устранить проблему, замените

.toggle_container .block { 
margin: 0px 10px 0px 75px; 
padding: 0px 20px 0px 0px; /*--Padding of Container--*/ 
height:80px; 
} 

с (удалить height:80px)

.toggle_container .block { 
margin: 0px 10px 0px 75px; 
padding: 0px 20px 0px 0px; /*--Padding of Container--*/ 
} 

EDIT:

Если вы установили т он явно выделяется, я думаю, что он будет оживлять лучше. Добавьте это право после того, как ваш, как первая линия внутренней функции в функции .ready():

jQuery(".toggle_container").each(function() { 
    jQuery(this).height(jQuery(this).find(".block").height()); 
});