Привет. Почему ссылка "Больше " не скрывается если actualHide > visibleHeight? Где ошибка?
$(".b-tag__link--more").each(function() {
var $link = $(this);
var $content = $link.parent().prev(".b-tag__list");
// console.log(visibleHeight);
var visibleHeight = $content[0].clientHeight;
var actualHide = $content[0].scrollHeight - 1;
console.log(actualHide);
console.log(visibleHeight);
if (actualHide > visibleHeight) {
$link.show();
} else {
$link.hide();
}
});
$(".b-tag__link--more").on("click", function() {
var $link = $(this);
var $content = $link.parent().prev(".b-tag__list");
var linkText = $link.text();
$content.toggleClass("short-text full-text");
$link.text(getShowLinkText(linkText));
return false;
});
function getShowLinkText(currentText) {
var newText = '';
if (currentText.toUpperCase() === "БОЛЬШЕ") {
newText = "Свернуть";
} else {
newText = "Больше";
}
return newText;
}
<div class="b-tag">
<ul class="b-tag__list short-text">
<li id="1" class="b-tag__item">
<a href="javascript:void(0);" title="" class="b-tag__link">Gelbgold-Verlobungsringe</a>
</li>
<li id="2" class="b-tag__item">
<a href="javascript:void(0);" title="" class="b-tag__link">Gold-Verlobungsringe</a>
</li>
<li id="3" class="b-tag__item">
<a href="javascript:void(0);" title="" class="b-tag__link">Roségold-Verlobungsringe</a>
</li>
<li id="4" class="b-tag__item">
<a href="javascript:void(0);" title="" class="b-tag__link">Silber-Verlobungsringe</a>
</li>
</ul>
<div class="b-tag__more">
<a href="javascript:void(0);" title="" class="b-tag__link b-tag__link--more">Больше</a>
</div>
</div>