IP.Board:Делаем сворачиваемый блок
Материал из CSI
sad
[править] IP.Board 2.3
Итак, после штрудирования большого количества различных статей, я всё таки смог сделать сворачиваемый блок!
Теперь расскажу как его сделать вам.
Итак, я сделал два варианта блока:
- по умолчанию — развёрнутый
- по умолчанию — свёрнутый
Развёрнутый блок — это блок информации, который при загрузки страницы будет всегда развёрнут. Если вы его свернёте, то при следующей загрузке страницы, блок будет опять развёрнут.
<div class="borderwrap" style="display:none" id="fc_NAME"> <div class="maintitlecollapse"> <p class="expand"><a href="java script:togglecategory('NAME', 0);"><{E_PLUS}></a></p> <p><{CAT_IMG}> Заголовок блока</p> </div> </div> <div class="borderwrap" style="display:block" id="fo_NAME"> <div class="maintitle"> <p class="expand"><a href="java script:togglecategory('NAME', 1);"><{E_MINUS}></a></p> <p><{CAT_IMG}> Заголовок блока</p> </div> <!-- Ваша информация --> </div>
Свёрнутый блок — это блок информации, который при загрузки страницы будет всегда свёрнут. Если вы его развернёте, то при следующей загрузке страницы, блок будет опять свёрнут.
<div class="borderwrap" style="display:block" id="fo_NAME"> <div class="maintitlecollapse"> <p class="expand"><a href="java script:togglecategory('NAME', 1);"><{E_PLUS}></a></p> <p><{CAT_IMG}> Заголовок блока</p> </div> </div> <div class="borderwrap" style="display:none" id="fc_NAME"> <div class="maintitle"> <p class="expand"><a href="java script:togglecategory('NAME', 0);"><{E_MINUS}></a></p> <p><{CAT_IMG}> Заголовок блока</p> </div> <!-- Ваша информация --> </div>
Что такое NAME?
NAME — это имя-идентификатор вашего блока. В коде блока оно не должно меняться! Каждый блок должен обладать своим индивидуальным именем.
