Коллапс длинных цитат
HTML-низ
Код:
<!--коллапс длинных цитат-->
<script>
$(document).ready(function () {
var quotes = document.getElementsByTagName('blockquote');
var bgclr = $('.quote-box cite').css('background'); var txclr = $('.qc-post-link').css('color');
for (let q of quotes){
if (q.clientHeight > 75){
var app = "<div class='quote-roll'>Развернуть</div>"
$(q).addClass("collapsed");$(q).append(app);
$('.quote-roll').css({'background':bgclr});$('.quote-roll').css({'color':txclr});
};
};
$('blockquote').click(function(){
$(this).toggleClass("expanded collapsed");
var div = $(this).children("div:first");
if (div[0].innerHTML === "Развернуть"){div[0].innerHTML = "Свернуть";} else {div[0].innerHTML = "Развернуть";};
});
});
</script>