@drtvader
Вечный студент

Почему ссылка не скрывается?

Привет. Почему ссылка "Больше " не скрывается если 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>
  • Вопрос задан
  • 124 просмотра
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы