Мой код: JSFiddle exampleПоказать проблемы с меню аккордеона две колонны
, как вы можете видеть, когда вы нажимаете на родительскую ссылку из одной колонки код перемещает другой столбец, и если вы установите «положение» уместность к «абсолютный», то столбец не будет двигаться, но красная коробка внизу будет больше не двигаться ...
как я могу это исправить?
Вы можете исправить эту проблему, указав свои столбцы float: left, а не display: inline-block. Обратите внимание, что это потребует от вас clear ваших поплавков внизу.
Вот ваше решение: http://jsfiddle.net/jh5np/16/
Пара проблем с этим: высота указана вручную, независимо от количества дочерних элементов в списке (вы могли бы избежать этого, просто используя 'clear'. Toggle не относится к тому, открыто или закрыто меню. ваше решение работает, если вы всегда щелкаете, чтобы открыть, и нажмите, чтобы закрыть, но не, если вы нажмете, чтобы перейти от одного узла к другому. вы могли бы решить это, передав bool в функцию переключения или снова, используя clear и no toggle на всех. –
Согласен с Дэвидом. – Ankit
Спасибо! Отлично работает. – Boos93