Частично открытый спойлер

(Ответов: 3, Просмотров: 1160)
  1. Опытный Аватар для Revenant
    • Регистрация: 27.09.2010
    • Сообщений: 286
    • Репутация: 30
    • Webmoney BL: ?
    Собственно хочу сделать такую штуку, как по ссылке
    http://meb-biz.ru/catalog/tables/
    Там внизу страницы есть текстовый блок, который частично скрыт. Для просмотра нажимаешь на ссылку и открывается полный текст без перезагрузки страницы. Подскажите как эта штука правильно называется, реально реализовать без яваскриптов (на css) и может есть вариант другого оформления с частичной прозрачностью текста ближе к концу, эдакий градиент?
    • 0
  2. Дипломник Аватар для Omura
    • Регистрация: 25.09.2014
    • Сообщений: 161
    • Репутация: 17
    без яваскрипта никак. Тут принцип работы такой - есть блок с текстом и ссылка - нажимаете на ссылку, она скрывается, а блок раскрывается

    Код HTML:
    <html> <head> <script src="http://code.jquery.com/jquery-2.1.1.min.js"></script> </head> <body>
    ваш текст
    <div class="field" style='cursor:pointer'><div class="tofull" >Нажмите меня</div> <div class="full" style='display: none'>А вот и продолжение теста. Нажмите на меня и я закроюсь</div> </div> <script>
    $(".field").click(function () {
    $(this).find('.full').toggle();
    $(this).find('.tofull').toggle();
    
    });
    </script> </body>
    • 1

    Спасибо сказали:

    Revenant(17.10.2014),
  3. Опытный Аватар для Revenant
    • Регистрация: 27.09.2010
    • Сообщений: 286
    • Репутация: 30
    • Webmoney BL: ?
    Omura, А может подскажите варианты с другим оформлением, чтобы не было необходимости разбивать текст (выводилось заданное количество символов, к примеру 300). как правильно этот вид спойлера называется не знаете?
    • 0
  4. Дипломник Аватар для Omura
    • Регистрация: 25.09.2014
    • Сообщений: 161
    • Репутация: 17
    С помощью php можно автоматизировать разделение текста и появление кнопки для полног раскрытия, если текст длинее n симовлов. Названия как такового нету - раскрывающийся div, спойлер...
    • 0

Похожие темы

Темы Раздел Ответов Последний пост
Как спрятать код под спойлер?
Вопросы от новичков 4 04.07.2014 10:45
Как организовать спойлер для Joomla?
Joomla 5 18.02.2014 01:23
Что делать если частично скопирован блог?
Вопросы от новичков 6 23.03.2012 17:36
Спойлер на блоге WordPress
Дайджест блогосферы 0 04.04.2011 20:10

У кого попросить инвайт?

Вы можете попросить инвайт у любого модератора:

Информеры