Posted 23 октября, 201311 yr Добрый день знатоки, возможно не в нужном разделе пишу, за что сразу прошу прощения. Но у меня есть небольшая трудность в чем прошу знатоков помочь мне. Суть такая на свой форум поставил приложение "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> Все равно не работает, понимаю что, что то не так делают, прошу подскажите как сделать чтоб заработало. Edited 23 октября, 201311 yr by jakondo
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.