Gecko [ thecigaretteboxes.com ]

Name	Size	Permission
bootstrap.native-master	[ DIR ]	drwxr-xr-x
own-carousel-1.0.0	[ DIR ]	drwxr-xr-x
blog.js	120 B	-rw-r--r--
bootstrap.bundle.min.js	77.74 KB	-rw-r--r--
bootstrap.min.js	61.98 KB	-rw-r--r--
category_page.js	184 B	-rw-r--r--
check_overflow.js	2.36 KB	-rw-r--r--
custom.js	4.3 KB	-rw-r--r--
detail_page.js	0 B	-rw-r--r--
easyzoom.js	3.98 KB	-rw-r--r--
gtag.js	146 B	-rw-r--r--
head.js.php	209 B	-rw-r--r--
home_scripts.js	1.68 KB	-rw-r--r--
jquery-3.6.js	126.34 KB	-rw-r--r--
jquery.js	86.76 KB	-rw-r--r--
lightslider.js	46.96 KB	-rw-r--r--
owl.carousel.min.js	52.6 KB	-rw-r--r--
popper.min.js	20.76 KB	-rw-r--r--
script.js	4.34 KB	-rw-r--r--
showmoreless.js	6.07 KB	-rw-r--r--

Code Editor : showmoreless.js

/******************************************
 *
 *   ShowMoreLess v1.0 - jQuery
 *
 ******************************************/
(function($) {
    let pluginName = 'myOwnLineShowMoreLess';

let d = 0;

let initShowMoreLess = function(data) {
        let $that = $(this);
        let $thatDisplayVal = $that.css("display");
        let $thatFontSize = parseInt($that.css("font-size"), 10);
        if ($thatDisplayVal !== "inline") {
            $that.css({ 'display': 'inline-block' });
        }
        let $span = $('<span>');
        let jsElem = $that.get(0);
        let compStyles = window.getComputedStyle(jsElem);
        let $thatLineHeight = compStyles.getPropertyValue('line-height');

if ($thatLineHeight == 'normal') {
            var nodeName = jsElem.nodeName;
            var _node = document.createElement(nodeName);
            _node.innerHTML = '&nbsp;';

let compStyles1 = window.getComputedStyle(jsElem);
            let fontSizeStr = compStyles1.getPropertyValue('font-size');
            _node.style.fontSize = fontSizeStr;

_node.style.padding = '0px';
            _node.style.border = '0px';

var body = document.body;
            body.appendChild(_node);

var height = _node.offsetHeight;
            $thatLineHeight = height;

body.removeChild(_node);
        }
        let $thatLineHeightInPx = parseInt($thatLineHeight);
        let restrictedLine = parseInt(data.settings.showLessLine);
        console.log($thatLineHeightInPx, restrictedLine);

let currentState = (data.settings.lessAtInitial) ? 'less' : 'more';

if (data.settings.lessAtInitial) {
            $that.css({
                'max-height': ($thatLineHeightInPx * restrictedLine) + 'px',
                'overflow': 'hidden',
                'position': 'relative',
            });
            $span.html(data.settings.showMoreText);
            $span.attr('class', 'show-more-less-handler');
            $span.attr('style', ' background: #ffffff; ');
            $span.css({
                'position': 'absolute',
                'right': '0',
                'bottom': '0',
                'padding-left': '3px',
                'display': 'inline-block',
                'cursor': 'pointer',
                'color': '#254366',
                'width': '100%'
            });
        } else {
            $that.css({
                'position': 'relative'
            });
            $span.html(data.settings.showLessText);
            $span.attr('class', 'show-more-less-handler');
            $span.attr('style', ' background: #ffffff; ');
            $span.css({
                'position': 'static',
                'right': '0',
                'bottom': '0',
                'padding-left': '0px',
                'display': 'inline-block',
                'cursor': 'pointer',
                'color': '#254366',
                'width': '100%'
            });
        }

$span.on('click', function() {
            if (currentState == 'less') {
                currentState = 'more';
                $that.css({
                    'position': 'relative',
                    'overflow': 'auto',
                    'max-height': 'none'
                });
                $span.html(data.settings.showLessText);
                $span.attr('class', 'show-more-less-handler');
                $span.attr('style', ' background: #ffffff;');
                $span.css({
                    'position': 'static',
                    'right': '0',
                    'bottom': '0',
                    'padding-left': '3px',
                    'display': 'inline-block',
                    'cursor': 'pointer',
                    'color': '#254366',
                    'width': '100%'
                });
                if (data.settings.lessAtInitial && !data.settings.showLessAfterMore) {
                    $span.remove();
                }
            } else {
                currentState = 'less';
                $that.css({
                    'max-height': ($thatLineHeightInPx * restrictedLine) + 'px',
                    'overflow': 'hidden',
                    'position': 'relative'
                });
                $span.html(data.settings.showMoreText);
                $span.css({
                    'position': 'absolute',
                    'right': '0',
                    'bottom': '0',
                    'padding-left': '1px',
                    'display': 'inline-block',
                    'cursor': 'pointer',
                    'color': '#254366'

});
            }

});
        $that.append($span);
    };

let methods = {
        init: function(options) {
            //"this" is a jquery object on which this plugin has been invoked.
            return this.each(function(index) {
                let $this = $(this);
                let data = $this.data(pluginName);
                // If the plugin hasn't been initialized yet
                if (!data) {
                    let settings = {
                        showLessLine: 1,
                        showLessText: 'Show Less',
                        showMoreText: 'Show More',
                        lessAtInitial: true,
                        showLessAfterMore: true,
                    };

if (options) {
                        $.extend(true, settings, options);
                    }

$this.data(pluginName, {
                        target: $this,
                        settings: settings
                    });

var $this2 = $(this)
                    var data2 = $this.data(pluginName);

initShowMoreLess.call($this2, data2);
                }
            });
        }
    };

$.fn[pluginName] = function(method) {
        if (methods[method]) {
            return methods[method].apply(this, Array.prototype.slice.call(arguments, 1));
        } else if (typeof method === 'object' || !method) {
            return methods.init.apply(this, arguments);
        } else {
            $.error('Method ' + method + ' does not exist in jQuery.' + pluginName);
        }
    };
}(jQuery));

${this.title}

Code Editor : showmoreless.js