show more using javascript (jquery)

-
 <script type="text/javascript">
$('ul.sub-categories').each(function(){

var LiN = $(this).find('li').length;
if( LiN > 4){
$('li', this).eq(3).nextAll().hide().addClass('toggleable');
$(this).append('<li class="morelink sclr">Showmore <i class="fa fa-angle-down"></i></li>');
}
});


$('ul.sub-categories').on('click','.morelink', function(){

if( $(this).hasClass('less') ){
$(this).html("Showmore <i class='fa fa-angle-down'></i>").removeClass('less');
}else{
$(this).html("Makeless <i class='fa fa-angle-up'></i>").addClass('less');
}

$(this).siblings('li.toggleable').slideToggle(100);
});
</script>

Comments

Post a Comment

Popular posts from this blog

Blogger post using PHP API

-
<?php error_reporting(E_ALL); ini_set('display_errors',1); session_start(); require_once dirname(__FILE__) . '/GoogleClientApi/src/Google/autoload.php'; require_once dirname(__FILE__).'/GoogleClientApi/src/Google/Client.php'; require_once dirname(__FILE__).'/GoogleClientApi/src/Google/Service.php'; require_once dirname(__FILE__).'/GoogleClientApi/src/Google/Model.php'; require_once dirname(__FILE__).'/GoogleClientApi/src/Google/Collection.php'; require_once dirname(__FILE__).'/GoogleClientApi/src/Google/Config.php'; require_once dirname(__FILE__).'/GoogleClientApi/src/Google/Service/Resource.php'; require_once dirname(__FILE__).'/GoogleClientApi/src/Google/Service/Blogger.php'; //echo '<pre>'; $scriptUri = "<redirect url>"; $client = new Google_Client(); $client->setAccessType('online'); // default: offline $client->setApplicationName('<appName...
Read more

Pin payment laravel

-
use Omnipay\Omnipay; use Omnipay\Common\GatewayFactory; $load = new GatewayFactory(); $gateway= $load->create('Pin'); $gateway->initialize(array(   'secretKey' => 'your key', 'testMode'  => true, )); $card =  array('number' => '4200000000000000', 'expiryMonth' => '6', 'expiryYear' => '2019', 'cvv' => '123','name'=>'name ','address1'=>'address','city'=>'city','country'=>'india'); $response=$gateway->purchase([  'email'       => 'customer@email.com',  'description' => 'Widgets',  'amount'      => '20.00',  'currency'    => 'USD',  'card'       => $card,  'ip_address'  =>  $_SERVER['REMOTE_ADDR'] ])->send(); if ($response-...
Read more

zoom image on mouse over

-
$('.classname').mouseover(function(){ var image = $(this).find('img').attr('src'); zoomImage(this,image,"frame"); }); function zoomImage(el, image, type, text) { var zoomDiv = document.createElement("div"); $('.fmb-zoom-div').remove(); //remove it if already there. $("body").append(zoomDiv); $(zoomDiv).addClass("fmb-zoom-div"); var position = $(el).offset(); var top = position.top - 380 + 2; var left = position.left; var htmlText = ""; var leftOffset = 0; if (window.scrollY > top) { top = top + 180 + $(el).height() - 2; left = left + $(el).width() +10; leftOffset = 310 } if ($(window.document).width() < (left + 380 + 2)) { left = left - $(el).width() - 10 - leftOffset; } htmlText = "<span style='display:block;width:280px;height:280px;background-image: url(\"" + image + "\")'  ></span>"; ...
Read more