Как скрыть часть текста по высоте?

Тема в разделе "JavaScript", создана пользователем Volsky, 21 янв 2014.

  1. Volsky

    Volsky

    Регистрация:
    22 ноя 2012
    Сообщения:
    192
    Симпатии:
    10
    У меня есть допустим текст с высотой 80px мне надо сделать так, что открывалось только 40 но а при нажатии кнопки бил весь контейнер, чем это делаеться кто встречался буду оч признателен.
     
  2. vasiliy_alibabaevich

    vasiliy_alibabaevich

    Регистрация:
    20 янв 2014
    Сообщения:
    19
    Симпатии:
    12
    overflow:hidden ? Вот тут подробнее.
     
  3. Volsky

    Volsky

    Регистрация:
    22 ноя 2012
    Сообщения:
    192
    Симпатии:
    10
    так мне надо чтобы я нажал на весь список например и пошел весь список. Если есть подробное решение буду вообще рад, Тоесть по сути, есть размер текста 80пх но отображаеться 40 и подробнее, и отображаеться весь 80 пх.
     
  4. alex_storm

    alex_storm дизайн, CSS Команда форума

    Регистрация:
    11 дек 2012
    Сообщения:
    1.121
    Симпатии:
    560
    Это все реализовывается на JS, называется - скрыть или показать блок.
    Здесь хорошо расписано - http://www.sdws.ru/topic.php?t=3&id=10
     
    vasiliy_alibabaevich нравится это.
  5. Volsky

    Volsky

    Регистрация:
    22 ноя 2012
    Сообщения:
    192
    Симпатии:
    10
    А как сделать чтобы текст был не display:none; а height 20px?
     
    eric нравится это.
  6. eric

    eric

    Регистрация:
    5 дек 2013
    Сообщения:
    59
    Симпатии:
    13
    Вот решение через jQuery:
    http://jsfiddle.net/JUtcX/2/
     
  7. Volsky

    Volsky

    Регистрация:
    22 ноя 2012
    Сообщения:
    192
    Симпатии:
    10
    а через кнопку можно както? есть готовое решение:?
     
  8. eric

    eric

    Регистрация:
    5 дек 2013
    Сообщения:
    59
    Симпатии:
    13
    Есть плагин для jQuery - Expander, вот через него точно можно с кнопкой-ссылкой.

    Ну или привзяать тот код с примера выше к ивенту нажатия на кнопку.
     
  9. eric

    eric

    Регистрация:
    5 дек 2013
    Сообщения:
    59
    Симпатии:
    13
  10. NinoZombie

    NinoZombie

    Регистрация:
    27 окт 2013
    Сообщения:
    223
    Симпатии:
    59
    А то что он обратно не сворачивается - нормально?
     
  11. eric

    eric

    Регистрация:
    5 дек 2013
    Сообщения:
    59
    Симпатии:
    13
    В задаче не было ничего про сворачивание.
     
  12. NinoZombie

    NinoZombie

    Регистрация:
    27 окт 2013
    Сообщения:
    223
    Симпатии:
    59
    Это я уже для себя интересуюсь :Smile: Как сделать чтобы сворачивалась, не подскажите?
     
  13. ironic

    ironic

    Регистрация:
    10 дек 2013
    Сообщения:
    16
    Симпатии:
    1
    Можно jQuery еще попробовать применить, я когда надо блоки открыть/закрыть юзаю такое:

    function step1(){
    $("#worktimeJUNE28").hide(500);
    $("#phones").show(1000);
    setTimeout( step2, 11000);
    }

    function step2(){
    $("#phones").hide(500);
    $("#worktimeJUNE28").show(1000);
    setTimeout( step1, 11000);
    }