Div Toggle Показать / Скрыть перетекание на родительский Div

Question

У меня есть форма, которая генерирует сортируемый div.Я добавил div внутри этого div, который отображается при нажатии.Проблема в том, что этот div распространяется на следующие div.

Я могу решить эту проблему, поместив этот div вне div "click", но тогда сортируемая функция не работает.

Iпробовал все виды стилей, чтобы решить эту проблему, но не повезло.Пожалуйста, помоги, если можешь.Приветствия

Скрипка здесь, http://jsfiddle.net/clintongreen/rRYTa/1/

Answer 1

Если вы хотите, чтобы переключаемый div отображался «внутри» его родителя, вы можете позиционировать «div_menu_button» как относительное, а его дочерние элементы - как «absolute:

div.div_menu_button{
    ...
    position:relative;
}

.menu_button_info {
    position: absolute;
    top: 0;
}

Update fiddle: http://jsfiddle.net/fparent/2HezH/

Answer 2

.div_menu_button приписал стиль высоты, который препятствовал расширению кнопки при переключении.Однажды я сделал высоту: авто;это работало нормально.Глупая ошибка, я должен был это увидеть, прежде чем публиковать этот вопрос.Приветствия

Answer 3

Взгляните на это: http://jsfiddle.net/rRYTa/2/

Я просто установил div.div_menu_button на position:relative, и сделал .menu_button_info {position:absolute; top:0; left:0}.

Единственная проблема, с которой я сталкиваюсь, заключается в том, что она появляется в верхней части имени пункта меню. Однако, если вы вставили это имя в его собственный элемент, вы можете легко рассчитать ширину этого элемента и настроить свойство left css для соответствующего .menu_button_info.