00:31
Недавно мне в голову пришла идея - сделать плавное сворачивание и разворачивание code. Своими силами я написал код, который полностью осуществлял эти функции, однако, работал он не совсем так, как мне хотелось и тут на помощь пришё Хелпер
Установка:
После /head на страницах, где будут отображаться code (Страница материала и комментариеа к нему, Форум и т.д.), вставляйте:
Code
<style>
.codeMessage {display:none;}
</style>
<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>
Источник: http://helper.ucoz.ru/forum/26-21090-1
