[скрипт] сокращаем полное описание фильма (больше / меньше).

А как же указать автора @redissx ?

 

Скрипт похож на тот что писал он, так что сори если преувеличиваю и т.п

 

Да, из filmax, просто в нем сжатый код, я выкладывал несжатый. И это wTextSlicer, патентую эту тему по поиску, наверное, проще найти будет.

 

Ну... ТС тут наменял, привязал только к full-desc, универсальность утеряна

 

текст под спойлером как понял не будет индексироваться...
если нет, то на**й такое ненужно совершенно

 

лол. кек. хех. мда.

 

что ты кхекаешь как всегда чудик, это вопрос был

 

индексирует все там

 

Так если код страницы открыть, там будет полный текст.

 

гуд тогда, спс
я кстати искал и не раз, гуглил находил варианты, тут на форуме и на вебмастерсе спрашивал, так и ни один мухомор не ответил ничего как сделать нормально )

 

По сути это плагин Readmore.js, в поиске достаточно информации и примеров, устанавливается легко.

 

в ДЛЕ не ставяться плагины ))

 

Обновил, добавил возможность сворачивать несколько блоков на одной странице (ну мало ли есть маньяки сворачивания ) и указание текста сворачивания.

1. В ваш css файл добавить

Код:

.slice {overflow:hidden; position:relative; transition:height .2s;}
.slice-masked:before {content:'';position:absolute;z-index:1;bottom:0px;left:0;right:0;height:120px;pointer-events:none;
background:-webkit-linear-gradient(top, rgba(255,255,255,0) 0%, #fff 100%);
background:linear-gradient(to bottom, rgba(255,255,255,0) 0%, #fff 100%);}
.slice-btn {margin:20px 0;  font-weight:700;}
.slice-btn span {display:inline-block; cursor:pointer; text-decoration:underline; color:#f0542e;}

2. В ваш js файл в конец добавить

Код:

$(document).ready(function(){
   $('.movie-desc').wTextSlicer({
    height: '200',
    textExpand: 'Развернуть сюжет',
    textHide: 'Свернуть сюжет'
   });
});

/*!  wTextSlicer v 1.01 */

jQuery.fn.wTextSlicer = function(options){
   var options = jQuery.extend({
    height: '200',
    textExpand: 'expand text',
    textHide: 'hide text'
    },options);
   return this.each(function() {
     var a = $(this),
       h = a.outerHeight();
     if ( h > options.height ) {
       a.addClass('slice slice-masked').attr('data-height',h).height(options.height).after('<div class="slice-btn"><span>'+options.textExpand+'</span></div>');
     };
     var bt = $(this).next('.slice-btn').children('span');
     bt.click(function() {
       var ah = parseInt(a.css("height"), 10);
       ah == h ? a.css({'height':options.height}) : a.css({'height':h});
       bt.text(bt.text() == options.textExpand ? options.textHide : options.textExpand);
       a.toggleClass('slice-masked');
     });
   });
};

3. Как пользоваться.
Пусть у вас есть <div class="movie-desc">МЫ ХОТИМ ЭТО СВЕРНУТЬ</div>.
Тогда

Код:

$(document).ready(function(){
   $('.movie-desc').wTextSlicer({
    height: '200',
    textExpand: 'Развернуть сюжет',
    textHide: 'Свернуть сюжет'
   });
});

где 200 - высота, при которой свернется.

Пусть у нас два блока <div class="movie-desc">МЫ ХОТИМ ЭТО СВЕРНУТЬ</div> и <div class="movie-lines">МЫ ХОТИМ ЭТО СВЕРНУТЬ ТОЖЕ</div>.
Тогда

Код:

$(document).ready(function(){
   $('.movie-desc').wTextSlicer({
    height: '200',
    textExpand: 'Развернуть сюжет',
    textHide: 'Свернуть сюжет'
   });
   $('.movie-lines').wTextSlicer({
    height: '100',
    textExpand: 'Показать больше',
    textHide: 'Спрятать'
   });
});

 

Да js это, который работает на dle, сам лично ставил

 

У меня не работает. DLE 11.0 уже пол дня мучаюсь.

 

Дык всем давно известно, что, DLE 11.0 версии полный отстой, прокаженная! Делай откат на 8-ку и все моментально заработает!

 

11.0 мне уже мозг вынесла, чтоб что то поставить надо пол дня с бубном плясать

 

два часа провозился чтоб сделать поиск с выводом картинки