almost 8 years ago
Hi all, Below is an example of switching between list and grid view using jQuery.
If you want to use such switching between list and grid view as shown in above example then, follow/use the below scritp and html code.
Script:-
$( document ).ready(function() { $('.show-list').click(function(){ $('.wrapper').addClass('list-mode'); }); $('.hide-list').click(function(){ $('.wrapper').removeClass('list-mode'); }); })
HTML:-
<div class="wrapper"> <header> <a href="javascript:void(0)" class="show-list"><i class="fa fa-bars"></i></a> <a href="javascript:void(0)" class="hide-list"><i class="fa fa-th"></i></a> </header> <div class="container"> <ul> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> </ul> </div> </div>
Starting with Chrome version 45, NPAPI is no longer supported for Google Chrome. For more information, see Chrome and NPAPI (blog.chromium.org).
Firefox and Microsoft Internet Explorer are recommended browsers for websites using java applets.
Chrome Version Support
Are you sure, you want to delete this comment?
Sign up using
0 Comment(s)