Leaderboard
Popular Content
Showing content with the highest reputation on 06/11/2011 in all areas
-
глючит, так как тут: $(this).next(".children").slideToggle("slow") // следующий .children после элемента по которому кликнули .siblings(".children:visible").slideUp("slow"); // а это опять тот же .children что и первый раз, так как .siblings ловит "братьев, сестер". Тоесть $(this).siblings(".children:visible") - видимые элементы с классом children, которые имеют общего родителя с $(this), тоесть с тем элементом по которому кликали. Общий родитель - лишка. я бы так вот делал: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> <title>open/close</title> <style> .parent.active { color: #f00; } </style> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"> </script> <script type="text/javascript"> $(document).ready(function(){ $('.accordion').each(function(){ var el = $('>li',this), slide = $('.children',this), opener = $('.parent',this); el.each(function(i){ var elOpener = $('.parent',this), elSlide = $('.children',this); if(i == 0) elOpener.addClass('active'); else elSlide.hide(); elOpener.click(function(){ slide.not(elSlide).slideUp('slow'); opener.not(elOpener).removeClass('active'); elSlide.slideDown('slow'); elOpener.addClass('active'); }) }) }) }); </script> </head> <body> <ul class="accordion"> <li><span class="parent">Авто и Мото </span> <ul class="children"> <li><a href="">Перевозки</a></li> <li><a href="">Ремонт, запчасти</a></li> <li><a href="">Тюнинг</a></li> </ul> </li> <li><span class="parent"> Дом и семья </span> <ul class="children"> <li><a href="">Мебель</a></li> <li><a href="">Сад и огород</a></li> <li><a href="">Дом и коттедж</a></li> </ul> </li> <li><span class="parent">Интернет</span> <ul class="children"> <li><a href="">Провайдеры</a></li> <li><a href="">Работа в сети</a></li> <li><a href="">Интересное</a></li> </ul> </li> </ul> </body> </html> P.S. Странно что у человека зарегистрированного на этом форуме (наверное чего-то хочет изучить в верстке, или уже изучил) слово аккордион вызвало истерику. Чего со слова "меню" не смеетесь, и не ассоциируете его с рестораном?1 point
-
Заголовок зачеД Баян в студию-1 points
-
Нет таких задач! Есть люди, которые придумывают себе задачи.-1 points
This leaderboard is set to Kiev/GMT+03:00
-
Upcoming Events
No upcoming events found -
Сообщения форума
-
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Портфолио https://www.behance.net/d4d4186e Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ -
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ Портфолио https://www.behance.net/d4d4186e
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок 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 } } -
Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок. -
By Katerina23 · Posted
Да, подходит. Спасибо.
-