$IMAGE1$
$IMAGE2$
uSpoiler frumos stil
Se pune in css:
Code
/ * Version 1.4 * /
input.uSpoilerButton {
border: 0;
padding: 0 0 0 13px;
outline: 0;
font-size: 8pt;
background-color: inherit! important;
cursor: pointer;
}
input.uSpoilerButton::-moz-focus-inner {
border: 0;
}
div.uSpoilerClosed input.uSpoilerButton {
background: url ('http://alexeenko.org/public/img/spoiler_plus.gif') no-repeat left center;
}
div.uSpoilerOpened input.uSpoilerButton {
background: url ('http://alexeenko.org/public/img/spoiler_minus.gif') no-repeat left center;
}
Dupa $B0DY$:
Code
<script type="text/javascript">
/* v1.4 */
$('input.uSpoilerButton').removeAttr('onclick').click(function () {
//
var toOpen='Open Spoiler';
var toClose='Close Spoiler';
$(this).val(this.value == toClose ? toOpen: toClose).parent().parent().attr('class', $(this).parent().parent().attr('class') == 'uSpoilerClosed' ? 'uSpoilerOpened': 'uSpoilerClosed').find('div:last').slideToggle('normal');
});
</script>
Xard.do.am - Sursa