Сворачивание и разворачивание code

Ставим перед тегом на страницу материала и комментариев к нему 

Code
<script>  
$(document).ready(function() {  
$("div.bbCodeName").html("<img src='http://src.ucoz.net/img/icon/plus.png' /> Развернуть код").one("click", function () {  
var self = this, callee = arguments.callee;  
this.slideDown = !this.slideDown;  
$(this).next()[ this.slideDown ? "slideDown" : "slideUp" ](1000, function () {  
$(self).one("click", callee);  
});  
this.innerHTML = !this.slideDown ? "<img src='http://src.ucoz.net/img/icon/plus.png' /> Развернуть код" : "<img src='http://src.ucoz.net/img/icon/minus.png' /> Свернуть код";  
});  
});  
</script>


в таблицу стилей css данный код

Code
.bbCodeName{color: red;  
padding: 1px 0px 7px 0px!important;  
max-width: 580px;  
border-radius: 4px;  
cursor: pointer;  
margin: 5px 0px 5px -3px;  
font-size: 13px!important;}  
.codeMessage {display:none;}

  • FalleN

  • 1598

  • 1

  • 0
Теги: Code, uCoz

Ссылки на статью:

Прямая ссылка:
HTML-код:
ББ-код:

Похожие статьи:

Добавить комментарий:

Для добавления вы должны авторизироваться!