Jump to content

Помогите разобраться с jquery сворачиванием

jakondo
jakondo
in Техническая поддержка IP.Board

Featured Replies

Posted
comment_47144

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

 

Но у меня есть небольшая трудность в чем прошу знатоков помочь мне.

 

Суть такая на свой форум поставил приложение "Portal", т.к. блоки которые представлены там меня не устраивают, я набросал свой блок (рис.1)

 

post-10772-0-76115300-1382519644.jpg

(рис.1)

 

Все бы хорошо но не могу понять как сделать чтобы при нажатии на "Коммерческие услуги" (рис.2)

 

post-10772-0-85485000-1382519909.jpg

(рис.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 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.

    Guest
    Ответить в этой теме...
    Go to topic listing

    Последние посетители 0

    • No registered users viewing this page.