Jump to content
  • 0

Даже не знаю как объяснить, лучше сами посмотрите


neo-archer
 Share

Question

Суть такая. Есть страница неких установок. Она в виде вертикального аккордеона на JQuery. Аккордеон как водится состоит из раскрывающихся блоков. Сначала идет Текст1, за ним второй блок Текст2 итд) 

Внутрь блока Текст1 вставлена форма, с параметрами там, значениями всякими. Она тоже на JQuery. Если нажать на Текст1 и раскрыть блок, то форма займет тот объем, сколько полей ввода, чекбоксов и прочего туда всунешь. То есть можно добавлять сколько угодно инпутов в форму и при раскрытии блока Текст1, блок Текст2 будет идти следом, спускаясь ниже

Но. Внутри формы есть два таких переключателя - "показать основные установки" и "показать расширенные установки". Их кнопки еще в виде "Вкл/Выкл". И если нажать "Вкл" по одной из этих двух кнопок, то вниз выезжает блок с дополнительными настройками. И Вот тут загвоздка! Блок Текст2 никак не хочет спускаться вниз, следом за блоком Текст1 и настройками в нем.

Всех моих слабых знаний хватило чтобы установить всему чему можно height: auto; чтобы автоматически менялась высота, но это не сработало. Но может дело не в CSS? А в скриптах?

В общем легче посмотреть чем объяснить такое. прилагаю ссылку на архив на яндексе (http://yadi.sk/d/y1JBqivPFk6cR), где можно самому покопаться. Это кстати очень стильная адаптивная система установок с чекбоксами, селекторами, счетчиком в виде слайдера. Может вам самим пригодится. Вирусов конечно нет. Две этих фишки скачано с Ruseller.com Попова.

Link to comment
Share on other sites

2 answers to this question

Recommended Posts

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy