jakondo Опубликовано 23 октября, 2013 Поделиться Опубликовано 23 октября, 2013 (изменено) Добрый день знатоки, возможно не в нужном разделе пишу, за что сразу прошу прощения. Но у меня есть небольшая трудность в чем прошу знатоков помочь мне. Суть такая на свой форум поставил приложение "Portal", т.к. блоки которые представлены там меня не устраивают, я набросал свой блок (рис.1) (рис.1) Все бы хорошо но не могу понять как сделать чтобы при нажатии на "Коммерческие услуги" (рис.2) (рис.2) иконки ниже сворачивались и соответственно при ещё одном нажатии они разворачивались. Вот код блока: <div id="sidebar"> <style> .block-module.dynamic ul {overflow: hidden;} .block-module.dynamic li {float: left;} .block-module.dynamic a {display: block;} .block-module.dynamic a.toggle {margin-top: 15px;} .block-module.dynamic .section:first-child a.toggle {margin-top: 0;} .block-module.dynamic .section.hidden ul {display: none;} #bms-29 ul {margin: -15px 0 0 -24px;} #bms-29 li {margin: 15px 0 0 24px;} #bms-29 a.toggle + ul {margin-top: 0;} #bms-29 .toggle {width: 210px; height: 14px; background: url(/uploads/files/kom-uslugi.jpg) 0 0 no-repeat;} #bms-29.hidden .toggle {background-position: 0 -14px;} #bms-22 ul {margin: -15px 0 0 -24px;} #bms-22 li {margin: 15px 0 0 24px;} #bms-22 a.toggle + ul {margin-top: 0;} #bms-22 .toggle {width: 210px; height: 14px; background: url(/uploads/files/section_214x28_1347516741_7.jpg) 0 0 no-repeat;} #bms-22.hidden .toggle {background-position: 0 -14px;} #bmi-51 {width: 54px; height: 61px; background: url(/uploads/files/d3.jpg) 0 0 no-repeat;} #bmi-51:hover {background-position: 0 -61px;} </style> <!-- Общий блок --> <div class="block-module dynamic" id="bm-1"> <div class="body"> <!-- Блок который должен сворачиваться --> <div class="section" id="bms-29"> <a href="__forumip/index.php?/portal/" class="toggle"></a> <ul> <li><a href="__forumip/index.php?/topic/9-igraem-na-zbt-black-desert/" id="bmi-51"></a></li> <li><a href="__forumip/index.php?/topic/9-igraem-na-zbt-black-desert/" id="bmi-51"></a></li> <li><a href="__forumip/index.php?/topic/9-igraem-na-zbt-black-desert/" id="bmi-51"></a></li> </ul> </div> <!-- Блок который должен сворачиваться --> <div class="section" id="bms-22"> <a href="/" class="toggle"></a> <ul> <li><a href="__forumip/index.php?/topic/9-igraem-na-zbt-black-desert/" id="bmi-51"></a></li> <li><a href="__forumip/index.php?/topic/9-igraem-na-zbt-black-desert/" id="bmi-51"></a></li> <li><a href="__forumip/index.php?/topic/9-igraem-na-zbt-black-desert/" id="bmi-51"></a></li> <li><a href="__forumip/index.php?/topic/9-igraem-na-zbt-black-desert/" id="bmi-51"></a></li> <li><a href="__forumip/index.php?/topic/9-igraem-na-zbt-black-desert/" id="bmi-51"></a></li> <li><a href="__forumip/index.php?/topic/9-igraem-na-zbt-black-desert/" id="bmi-51"></a></li> </ul> </div> </div> </div> </div> в ipb_styles.css так же добавил строки .block-module.hidden {border-bottom: 0;} .block-module.hidden .body {display: none;} в globalTemplate стиля, между тегами <head></head> добавил <script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js'></script> Все равно не работает, понимаю что, что то не так делают, прошу подскажите как сделать чтоб заработало. Изменено 23 октября, 2013 пользователем jakondo Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
jakondo Опубликовано 24 октября, 2013 Автор Поделиться Опубликовано 24 октября, 2013 Неужели никто не знает как сделать так ? Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
Рекомендуемые сообщения
Присоединяйтесь к обсуждению
Вы можете написать сейчас и зарегистрироваться позже. Если у вас есть аккаунт, авторизуйтесь, чтобы опубликовать от имени своего аккаунта.
Примечание: Ваш пост будет проверен модератором, прежде чем станет видимым.