Всю информацию можно увидеть по клику


agag12
 Поделиться

Рекомендуемые сообщения

Не знаю как правильно называется, вобщем как на скрине, нужно чтобы html содержимое не было видно полностью а по клику раскрывалось, есть ли такой модуль???

 

 

Скрытый текст

ras.thumb.png.387b43d37cd824054eb212ba502cbf90.png

 

Ссылка на комментарий
Поделиться на других сайтах

22 минуты назад, BuslikDrev сказал:

Про этот знаю, но это он категории скрывает а у меня просто текст на главной (

Ссылка на комментарий
Поделиться на других сайтах

В 07.11.2017 at 16:56, agag12 сказал:

Про этот знаю, но это он категории скрывает а у меня просто текст на главной (

Подумайте и будет всё, что угодно скрывать (нужно сделать копию (или добавить выбор типа) модуля html с установленным кодом для скрытия текста, либо попробовать через исходный код, если версия 2.1). За вас думать никто не будет. Я вот подумал, и я сделал скрытие подкатегорий для себя.

Скрытый текст

 


 

Ссылка на комментарий
Поделиться на других сайтах

50 минут назад, BuslikDrev сказал:

Подумайте и будет всё, что угодно скрывать (нужно сделать копию (или добавить выбор типа) модуля html с установленным кодом для скрытия текста, либо попробовать через исходный код, если версия 2.1). За вас думать никто не будет. Я вот подумал, и я сделал скрытие подкатегорий для себя.

  Скрыть содержимое


 

А как понять где и какой код заменить?  примерно понимаю что если где-то вписать в модуле не класс из категории а мой то будет работать с моим, но так ли это?

Ссылка на комментарий
Поделиться на других сайтах

8 часов назад, agag12 сказал:

А как понять где и какой код заменить?  примерно понимаю что если где-то вписать в модуле не класс из категории а мой то будет работать с моим, но так ли это?

Скрытый текст

    <style>
    #hiddenwrapper {
    width: 100%;
    height: 100px;
    position: relative;
    z-index: 9999;
    background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
    top: -100px;
    }
    #show-desc, #hide-desc {
    text-align:center;
    cursor:pointer;
    }
    #show-desc:hover, #hide-desc:hover {
    color:#337AB7;
    }
    #hide-desc {
    display:none;
    margin-top:10px;
    }
    </style>
    <div id="ec-description" style="overflow:hidden;">
    код вывода текста <?php echo $html; ?>
    </div>
    <div id="hidwrapwrap" style="height:0px;">
        <div id="hiddenwrapper"></div>
    </div>
    <div id="show-desc">развернуть <i class="fa fa-arrow-down"></i></div>
    <div id="hide-desc">свернуть <i class="fa fa-arrow-up"></i></div>
    <script>
        $(document).ready(function(){ 
        var q1 = $("#ec-description").height();
        $("#ec-description").height('100px');
        
         $('#show-desc').click(function(){
               $("#ec-description").animate({height: (q1)+'px'},200);
                $("#hidwrapwrap").hide();
                $("#show-desc").hide();
                $("#hide-desc").show();
              });
              
        $('#hide-desc').click(function(){
               $("#ec-description").animate({height:'100px'},200);
                $("#hidwrapwrap").show();
                $("#hide-desc").hide();
                $("#show-desc").show();
              });
    });
    </script>

 

Ссылка на комментарий
Поделиться на других сайтах

Заменил но ничего не происходит, думаю не все так просто, там всюду по категориям же поиск

Ссылка на комментарий
Поделиться на других сайтах

Присоединяйтесь к обсуждению

Вы можете опубликовать сейчас и зарегистрироваться позже. Если у вас есть учётная запись, войдите, чтобы публиковать под своей учётной записью.

Гость
Ответить в тему...

×   Вы вставили отформатированное содержимое.   Удалить форматирование

  Разрешено не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Показать вместо этого как ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Нельзя вставлять изображения напрямую. Загрузите или вставьте изображения по URL.

 Поделиться

  • Сейчас на странице   0 пользователей

    • Нет пользователей, просматривающих эту страницу