Jump to content
  • 0

Попытки сделать многоуровневое меню на JQuery

ukalen

Asked by ukalen,

 Share

Question

ukalen Explorer

ukalen

Posted
Posted

Так...я уже спрашивал в теме по верстке, как сделать такое по средствам ксс. но пришлось вешать на клик.

вот что вышло

обьясните знатоки, как заставить на повторный клик, сворачивать отдельно подпункты...отдельно все меню. спасибо.

Link to comment
Share on other sites

17 answers to this question

Recommended Posts

  • 0
ukalen Explorer

ukalen

Posted
  • Author
Posted
  On 4/26/2011 at 11:32 AM, psywalker said:

Так же, как и разворачивал. Это же меню и сворачиваешь в обратную сторону.

я поправил немного...теперь вроде бы норм, но есть но....когда клик на подпункте подменю - оно сначала ВСЕ сворачивается...а потом возвращается

вот как лечить?

Link to comment
Share on other sites
  • 0
psywalker Explorer

psywalker

Posted
Posted
  On 4/26/2011 at 11:35 AM, ukalen said:
  On 4/26/2011 at 11:32 AM, psywalker said:

Так же, как и разворачивал. Это же меню и сворачиваешь в обратную сторону.

я поправил немного...теперь вроде бы норм, но есть но....когда клик на подпункте подменю - оно сначала ВСЕ сворачивается...а потом возвращается

вот как лечить?

А ты ссылайся именно на внутреннее меню, а не на общее.

Link to comment
Share on other sites
  • 0
ukalen Explorer

ukalen

Posted
  • Author
Posted (edited)
  On 4/26/2011 at 11:50 AM, psywalker said:
  On 4/26/2011 at 11:35 AM, ukalen said:
  On 4/26/2011 at 11:32 AM, psywalker said:

Так же, как и разворачивал. Это же меню и сворачиваешь в обратную сторону.

я поправил немного...теперь вроде бы норм, но есть но....когда клик на подпункте подменю - оно сначала ВСЕ сворачивается...а потом возвращается

вот как лечить?

А ты ссылайся именно на внутреннее меню, а не на общее.

вроде бы все как нужно....но если добавлять пункты меню то выходит вот что...что то я вообще запутался

кака

Edited by ukalen
Link to comment
Share on other sites
  • 0
psywalker Explorer

psywalker

Posted
Posted
  On 4/26/2011 at 1:30 PM, ukalen said:
  On 4/26/2011 at 1:29 PM, psywalker said:

Потому что изначально алгоритм нужно делать на будущее, а не на статичную ситуацию.

Помогите разгрести алгоритм на будущее.

Вот я тут недавно делал одну задачу. Разбирайся, там как раз алгоритм заточен на будущее.

http://psywalker.ru/Forum/JS/Primitive/Dom-Zadachi/Menu-Plavnoe/Vipad2.html

Link to comment
Share on other sites
  • 0
s0rr0w Explorer

s0rr0w

Posted
Posted
  On 4/26/2011 at 1:51 PM, psywalker said:

Вот я тут недавно делал одну задачу. Разбирайся, так как как алгоритм заточен на будущее.

http://psywalker.ru/Forum/JS/Primitive/Dom-Zadachi/Menu-Plavnoe/Vipad2.html

Ненавижу такие меню...

Одно неловкое движение - и все сначала начинай.

Link to comment
Share on other sites
  • 0
Great Rash Explorer

Great Rash

Posted
Posted
  Quote
Ненавижу такие меню...

Одно неловкое движение - и все сначала начинай.

Надо просто к изчезновению таймаут добавить, тогда чтоб начать сначала надо будет сделать очень неловкое движение ;)

Link to comment
Share on other sites
  • 0
s0rr0w Explorer

s0rr0w

Posted
Posted
  On 4/26/2011 at 2:03 PM, Great Rash said:

Надо просто к изчезновению таймаут добавить, тогда чтоб начать сначала надо будет сделать очень неловкое движение ;)

Люди имеют свойство завтыкивать: читать меню, а в это время, дабы курсор мыши не мешал читать текст, его инстинктивно уводят в сторону.

Link to comment
Share on other sites
  • 0
psywalker Explorer

psywalker

Posted
Posted
  On 4/26/2011 at 1:58 PM, s0rr0w said:
  On 4/26/2011 at 1:51 PM, psywalker said:

Вот я тут недавно делал одну задачу. Разбирайся, так как как алгоритм заточен на будущее.

http://psywalker.ru/Forum/JS/Primitive/Dom-Zadachi/Menu-Plavnoe/Vipad2.html

Ненавижу такие меню...

Одно неловкое движение - и все сначала начинай.

Да, согласен. Но я там старался сделать так, чтобы его если поймаешь во-время закрытия, то оно остановится) ;)

Link to comment
Share on other sites
  • 0
ukalen Explorer

ukalen

Posted
  • Author
Posted
  On 4/26/2011 at 2:36 PM, psywalker said:
  On 4/26/2011 at 1:58 PM, s0rr0w said:
  On 4/26/2011 at 1:51 PM, psywalker said:

Вот я тут недавно делал одну задачу. Разбирайся, так как как алгоритм заточен на будущее.

http://psywalker.ru/Forum/JS/Primitive/Dom-Zadachi/Menu-Plavnoe/Vipad2.html

Ненавижу такие меню...

Одно неловкое движение - и все сначала начинай.

Да, согласен. Но я там старался сделать так, чтобы его если поймаешь во-время закрытия, то оно остановится) ;)

спасибо конечно, но это добавило еще головняка (:

Link to comment
Share on other sites
  • 0
ukalen Explorer

ukalen

Posted
  • Author
Posted
  On 4/26/2011 at 3:54 PM, psywalker said:

За-то если разберёшься, то пополнишь копилку знаний, а это мой друг - дорогого стоит, поверь ;)

Да я не спорю, спасибо.

ps

но надеялся что все таки кто нибудь подскажет как поправить мой код...эх

Link to comment
Share on other sites
  • 0
psywalker Explorer

psywalker

Posted
Posted
  On 4/26/2011 at 3:57 PM, ukalen said:
  On 4/26/2011 at 3:54 PM, psywalker said:

За-то если разберёшься, то пополнишь копилку знаний, а это мой друг - дорогого стоит, поверь ;)

Да я не спорю, спасибо.

ps

но надеялся что все таки кто нибудь подскажет как поправить мой код...эх

Дык в том-то и дело, что тебе подсказали, что алгоритмы нужно писать правильно, а если ты уже в лес ушёл, то выбраться будет сложно. Нужно с нуля писать и правильно!

Link to comment
Share on other sites
  • 0
ukalen Explorer

ukalen

Posted
  • Author
Posted
  On 4/26/2011 at 4:04 PM, psywalker said:
  On 4/26/2011 at 3:57 PM, ukalen said:
  On 4/26/2011 at 3:54 PM, psywalker said:

За-то если разберёшься, то пополнишь копилку знаний, а это мой друг - дорогого стоит, поверь ;)

Да я не спорю, спасибо.

ps

но надеялся что все таки кто нибудь подскажет как поправить мой код...эх

Дык в том-то и дело, что тебе подсказали, что алгоритмы нужно писать правильно, а если ты уже в лес ушёл, то выбраться будет сложно. Нужно с нуля писать и правильно!

Оке...спасибо всем. Буду пробовать выбираться из лесу и курить свои бока. Еще раз спасибо!

Link to comment
Share on other sites

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
Go to question listing

  • Обсуждения

    • Nikker
      Дизайн сайтов, landing page, логотипов, баннеров, шапок | Высокое качество, по хорошей цене

      By Nikker · Posted

      Актуальные контакты: Telegram: @Nikker_web E-Mail:   tarasevich.email@gmail.com Портфолио https://www.behance.net/d4d4186e Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ    
    • Nikker
      Брендовый дизайн в социальных сетях

      By Nikker · Posted

      Актуальные контакты: Telegram: @Nikker_web E-Mail:   tarasevich.email@gmail.com   Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ   Портфолио https://www.behance.net/d4d4186e
    • Mondeus
      Вёрстка футера на движке Xenforo

      By Mondeus · Posted

      Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение.  .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } }  
    • torsar
      Примеры верстки

      By torsar · Posted

      Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок.
    • Katerina23
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Katerina23 · Posted

      Да, подходит. Спасибо.
×
×
  • 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

  I accept