toggle list or grid view

by oktaviardi pratama

JavaScript

jQuery('.toggle-view .toggle-action').on('click',function(e) {
   
    var elem=jQuery('#view-style li');

    if (jQuery(this).hasClass('gridview')) {
      elem.fadeOut(300, function () {
        
        jQuery('#view-style').removeClass('list').addClass('grid');
        elem.fadeIn(300);
        equalheight('.set-equal .equal');

      });
      console.log("grid view active");
    }

    else if(jQuery(this).hasClass('listview')) {
      elem.fadeOut(300, function () {
        jQuery('#view-style ').removeClass('grid').addClass('list');
        elem.fadeIn(300);
        equalheight('.set-equal .equal');
        
      }); 
      console.log("list view active");
    }

    
        jQuery('.toggle-view .toggle-action').removeClass('active');
        jQuery(this).addClass('active');
  });
    
    console.log('list app ready');

    var placeholder = jQuery('img.default-img');
    var set = placeholder.each().attr('src');
    console.log('value set :'+set);
});