0

У меня есть вот такой спойлер, но мне надо сделать чтоб он открывался не сверху вниз, а снизу вверх. http://cssdeck.com/labs/wixjgejr

1 ответ 1

1

jQuery просто меняет css свойства height методом slideDown...

Поэтому нужно просто привязать позицию нижнего края

Например, вот так

  • Текст перемещен в контейнер .spoiler:

    .spoiler { position: relative; }

  • И спозиционирован по нижнему краю:

    position: absolute;
    bottom: -40px;

Добавил динамическое обновление позиции bottom:

      var b = -jQuery('.spoiler-text').outerHeight()-40;
      jQuery('.spoiler-text').css('bottom', b);
4
  • т.е. текст поставить снизу?
    – cnofss
    9 апр 2014 в 4:05
  • я отредактировал Ваш же fiddle. применена комбинация {position: absolute; bottom: 12px;} с {position: relative;} для контейнера
    – vp_arth
    9 апр 2014 в 4:08
  • Есть одна проблема, если вставить много текста, то текст на который я навожу просто закрывает текстом снизу.
    – cnofss
    9 апр 2014 в 4:10
  • обновил фиддл
    – vp_arth
    9 апр 2014 в 4:22

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.