Скрытый текст больше меньше

реквест у @redissx

 

ладно. Моего сочинения сугубо для текстовых блоков
js

Code:

$(document).ready(function(){
   $('.my-text').wTextSlicer({
    height: '200',
    text: 'Развернуть'
   });
});

jQuery.fn.wTextSlicer = function(options){
   var options = jQuery.extend({
    height: '200',
    text: 'show more'
    },options);
   return this.each(function() {
     var a = $(this),
       h = a.height();
     if ( h > options.height ) {
       a.addClass('slice slice-masked').height(options.height).after('<div class="slice-btn"><span>'+options.text+'</span></div>');
     };
     $('.slice-btn span').click(function() {
       var bt = $(this),
         a = $(this).parent().prev('.slice');
         ah = parseInt(a.css("height"), 10);
       ah == h ? a.css({'height':options.height}) : a.css({'height':h});
       bt.text(bt.text() == options.text ? "Свернуть" : options.text);
       a.toggleClass('slice-masked');
     });
   });
};

css

Code:

.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;}

 

шо ? у меня бесплатно есть, но я не люблю заниматься front-end. могу сделать качественно, но это очень долго, дорого и охуенно

 

если по back-end личный заказ, то дешего и охуенно

 

В скайп windbreaker5053 пиши

 

Заходишь в папку со своим шаблоном и в любой JS файл вставляешь вот это:

Code:

$(document).ready(function(){
   $('.my-text').wTextSlicer({
    height: '200',
    text: 'Развернуть'
   });
});

jQuery.fn.wTextSlicer = function(options){
   var options = jQuery.extend({
    height: '200',
    text: 'show more'
    },options);
   return this.each(function() {
     var a = $(this),
       h = a.height();
     if ( h > options.height ) {
       a.addClass('slice slice-masked').height(options.height).after('<div class="slice-btn"><span>'+options.text+'</span></div>');
     };
     $('.slice-btn span').click(function() {
       var bt = $(this),
         a = $(this).parent().prev('.slice');
         ah = parseInt(a.css("height"), 10);
       ah == h ? a.css({'height':options.height}) : a.css({'height':h});
       bt.text(bt.text() == options.text ? "Свернуть" : options.text);
       a.toggleClass('slice-masked');
     });
   });
};

а потом в любой CSS файл, вставляешь вот это

Code:

.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;}

 

Нужно изменить в

Code:

$('.my-text').wTextSlicer({

my-text - название класса который оборачивает текст

 

ПС в любом случае видят все. Изначально весь текст (.my-text) открыт, затем скрипт по указанной высоте (height: '200',) определяет надо ли скрыть и скрывает.

 

Я не знаю что тут за что отвечает, я просто объяснил человеку как установить способом от @redissx

 

Значит ты что то не правильно сделал..

 

Скинь ссылку на сайт, посмотрю что не так