186
правок
Изменения
Новая страница: «Чтобы спойлеры работали, нужно добавить js и css. В common.css: <pre>.spoiler { background: #EEEEEE; display: inline-blo…»
Чтобы спойлеры работали, нужно добавить js и css.
В common.css:
<pre>.spoiler {
background: #EEEEEE;
display: inline-block;
padding: 0.2em 0.5em;
border-radius: 0.3em;
}
.spoiler > .spoiler_title {
cursor: pointer;
display: inline-block;
}
.spoiler > .spoiler_title:hover {
text-decoration: underline;
text-decoration-style: dotted;
}
.spoiler > .spoiler_inner {
display: none;
font-size: 90%;
max-width: 50em;
}
.spoiler.expanded > .spoiler_inner {
display: block;
}</pre>
В common.js:
<pre>function init_spoilers() {
$(document).on('click', '.spoiler > .spoiler_title', function(e) {
e.stopPropagation();
var spoiler = $(e.target).parent();
var inner = $('.spoiler_inner', spoiler);
var expanded = spoiler.hasClass('expanded');
if(expanded) {
inner.slideUp();
} else {
inner.slideDown();
}
spoiler.toggleClass('expanded');
});
}
$(init_spoilers);</pre>
В common.css:
<pre>.spoiler {
background: #EEEEEE;
display: inline-block;
padding: 0.2em 0.5em;
border-radius: 0.3em;
}
.spoiler > .spoiler_title {
cursor: pointer;
display: inline-block;
}
.spoiler > .spoiler_title:hover {
text-decoration: underline;
text-decoration-style: dotted;
}
.spoiler > .spoiler_inner {
display: none;
font-size: 90%;
max-width: 50em;
}
.spoiler.expanded > .spoiler_inner {
display: block;
}</pre>
В common.js:
<pre>function init_spoilers() {
$(document).on('click', '.spoiler > .spoiler_title', function(e) {
e.stopPropagation();
var spoiler = $(e.target).parent();
var inner = $('.spoiler_inner', spoiler);
var expanded = spoiler.hasClass('expanded');
if(expanded) {
inner.slideUp();
} else {
inner.slideDown();
}
spoiler.toggleClass('expanded');
});
}
$(init_spoilers);</pre>
