Это простой способ открытие и закрытие блога, который работает на
JS. Который будет работать без библиотеки и переключать функцию. Здесь написана функция openblock, где заключается ее работа, это передавать id блоку, который как раз отвечает за открытие и также аналогично на закрытие. По своей работе не чем не отличается от этого материала, просто немного по другому сделан, это с применением библиотеке, что для кого важно не исключаю.
Здесь к примеру создали ссылку и также краткое описание на
HTML кодах под основную работу открытия закрытия блока, и здесь соединим ей на событие
onclick под работающий функционал. Как можно посмотреть, здесь все довольно просто, вам нужно прописать свой материал и есть редактирование под название, почему бы просто не написать "
Далее" и также все будет понятно.
Приступаем к установке: Код
<script>
function openblock(idblock){
if (document.getElementById(idblock).style.display == "none"){
/*Если свойство display равно none*/
document.getElementById(idblock).style.display="block"; // переключаем свойство в block
}
else{
/*Если свойство display не равно none*/
document.getElementById(idblock).style.display="none"; // переключаем свойство в none
}
}
</script>
<a href="#" onclick="openblock('i1')">Открыть/закрыть на сайте ZORNET.RU</a>
<div id="i1" style="display:none;"> <div align="center">Здесь вы можете скрывать текст статьи или описание, которое будет вашем материале, А также прикрепить изображение к нему.
<img border="0" align="absmiddle" src="http://zornet.ru/ZORNET/drental/OohSq3Z.png"></div> </div>
PS - в коде сделал отступы, это для того, чтоб понимали, где вы можете ставить описание свое или материал, там описание и еще картинка установлено для наглядности.