Monday, December 9, 2019

My Jquery KATA


jQuery(document).ready(function(){
jQuery(".we-mega-menu-submenu ul.subul").filter(function () {
        return jQuery(this).find('li').length > 5
    }).addClass("twoColumns");
  jQuery(".togglebutton span").click(function(){
    jQuery(".search-menu-res").slideToggle();
    jQuery(this).toggleClass('btn-open').toggleClass('btn-close');
  jQuery('.btn-close').parent().parent().css({ position: 'fixed'});
  jQuery('.btn-open').parent().parent().css({ position: 'absolute'});
    });
  jQuery(".togglesidemenu button").click(function(){
    jQuery(".acdstoggle").slideToggle();
    jQuery(this).toggleClass('sidebtn-open').toggleClass('sidebtn-close');
  });
  var copyData = jQuery('.google-fullcalendar .fc-center').html(); 
  jQuery(".fc-button-group .fc-prev-button" ).after( copyData );
  jQuery('.portfolio-wrapper>ul>li>a[href=""]').css("display", "none");

  jQuery('.banner_slider .slider').slick({
    centerMode: true,
    centerPadding: '0',
    autoplay: true,
    slidesToShow: 1,
    autoplaySpeed: 4000,
  });
  jQuery(".search_section").on("click", function(){
    jQuery('.searchoverlay').css('top',0);
  });
  jQuery('.closebtn').on('click', function(){
    jQuery('.searchoverlay').css('top',-230);
  });
  
  jQuery('.gal-image>img').on('change', function(){
  jQuery('.slick-arrow:submit').trigger('click');
});  
jQuery('.gallery-home .slider').slick({
    centerMode: true,
    centerPadding: '0px',
    slidesToShow: 4,
    slidesToScroll: 1,
    asNavFor: jQuery('.slider'),
    dots: false,
    arrows: false,
    focusOnSelect: true,
    responsive: [
      {
        breakpoint: 768,
        settings: {
          arrows: false,
          centerMode: true,
          centerPadding: '0px',
          slidesToShow: 3
        }
      },
      {
        arrows: false,
        centerMode: true,
        centerPadding: '0px',
        slidesToShow: 1
      }
    ]
  });


  jQuery('.soc-slider .slider').slick({
    centerMode: true,
    centerPadding: '0',
    autoplay: true,
    slidesToShow: 5,
    autoplaySpeed: 4000,
    index: 2,
    responsive: [
      {
        breakpoint: 768,
        settings: {
          arrows: false,
          centerMode: true,
          centerPadding: '0px',
          slidesToShow: 3
        }
      },
      {
        breakpoint: 480,
        settings: {
          arrows: false,
          centerMode: true,
          centerPadding: '0px',
          slidesToShow: 1
        }
      }
    ]
  });
  jQuery('.newsslide').slick({
  autoplay: true,
  slidesToShow: 1,
  autoplaySpeed: 4000,
  index: 2,
  mobileFirst: true,
    responsive: [
      {
        breakpoint: 736,
        settings: 'unslick'
      },
    ]
  });
  jQuery(function () {    
    var filterList = {
      init: function () {
        jQuery('#portfoliolist').mixItUp({
          selectors: {
            target: '.portfolio',
            filter: '.filter' 
          },
          load: {
            filter: '.isotope-filter1'  
          }     
        });                      
      }
    };
    filterList.init();  
  });

use textsize code

 jQuery(".increase").click(function(){
    var currentfontsize = jQuery('p').css('font-size');
    var incfontsize = parseFloat(currentfontsize, 16);
    var newsize = incfontsize*1.2;
    jQuery('p').css('font-size', newsize);
    return false;
  });
 jQuery(".decrease").click(function(){
    var currentfontsize = jQuery('p').css('font-size');
    var decfontsize = parseFloat(currentfontsize, 16);
    var newsize = decfontsize*0.8;
    jQuery('p').css('font-size', newsize);
    return false;
  });
use pdf model code

  jQuery("#resbtnpdf1").on("click", function(){
    var fileName1 = jQuery(this).find('.file--mime-application-pdf').attr('href');
    var title1 = jQuery('.resbtnpdf1').text();
    var mdata1='<div class="modal fade in_main" id="myModalres1" role="dialog"><div class="modal-dialog modal-lg"><div class="modal-content"><div class="modal-header"><button class="close" data-dismiss="modal" type="button">×</button><h4 class="modal-title">"'+ title1 +'"</h4></div><div class="modal-body"><embed frameborder="0" height="400px" src="'+ fileName1 +'" width="100%"></embed></div><div class="modal-footer"><button class="btn btn-default" data-dismiss="modal" type="button">Close</button></div></div></div></div>';
    jQuery('#resbtnpdf1').after(mdata1);
      jQuery("#myModalres1").modal();
      return false;
   });
   jQuery("#btnpdf1").on("click", function(){
    var fileName1 = jQuery(this).find('.file--mime-application-pdf').attr('href');
    var title1 = jQuery('.btnpdf1').text();
    var mdata1='<div class="modal fade in_main" id="myModal1" role="dialog"><div class="modal-dialog modal-lg"><div class="modal-content"><div class="modal-header"><button class="close" data-dismiss="modal" type="button">×</button><h4 class="modal-title">"'+ title1 +'"</h4></div><div class="modal-body"><embed frameborder="0" height="400px" src="'+ fileName1 +'" width="100%"></embed></div><div class="modal-footer"><button class="btn btn-default" data-dismiss="modal" type="button">Close</button></div></div></div></div>';
    jQuery('#btnpdf1').after(mdata1);
      jQuery("#myModal1").modal();
      return false;
   });
    jQuery("#btnpdf2").on("click", function(){
    var fileName2 = jQuery(this).find('.file--mime-application-pdf').attr('href');
    var title2 = jQuery('.btnpdf2').text();
    var mdata2='<div class="modal fade" id="myModal2" role="dialog"><div class="modal-dialog modal-lg"><div class="modal-content"><div class="modal-header"><button class="close" data-dismiss="modal" type="button">×</button><h4 class="modal-title">"'+ title2 +'"</h4></div><div class="modal-body"><embed frameborder="0" height="400px" src="'+ fileName2 +'" width="100%"></embed></div><div class="modal-footer"><button class="btn btn-default" data-dismiss="modal" type="button">Close</button></div></div></div></div>';
    jQuery(this).after(mdata2);
      jQuery("#myModal2").modal();
      return false;
   });
    jQuery("#btnpdf3").click(function(){
    var fileName3 = jQuery(this).find('.file--mime-application-pdf').attr('href');
    var title3 = jQuery('.btnpdf3').text();
    var mdata3='<div class="modal fade" id="myModal3" role="dialog"><div class="modal-dialog modal-lg"><div class="modal-content"><div class="modal-header"><button class="close" data-dismiss="modal" type="button">×</button><h4 class="modal-title">"'+ title3 +'"</h4></div><div class="modal-body"><embed frameborder="0" height="400px" src="'+ fileName3 +'" width="100%"></embed></div><div class="modal-footer"><button class="btn btn-default" data-dismiss="modal" type="button">Close</button></div></div></div></div>';
    jQuery('#btnpdf3').after(mdata3);
      jQuery("#myModal3").modal();
      return false;
   });
    if (window.matchMedia("(max-width: 736px)").matches){
    jQuery('#block-didyouknow-2').css("display", "block");
  } 

  jQuery(".grid-item").slice(0, 4).show();
    if (jQuery(".grid-item:hidden").length != 0) {
      jQuery("#loadMore").show();
    }   
    jQuery("#loadMore").on('click', function (e) {
      e.preventDefault();
      jQuery(".grid-item:hidden").slice(0, 4).slideDown();
      if (jQuery(".grid-item:hidden").length == 0) {
        jQuery("#loadMore").fadeOut('slow');
      }
    });
}); 
jQuery(document).on("scroll", function(){
if (jQuery(document).scrollTop() > 64){
jQuery(".hd-bottom").addClass("shrink");
} else {
jQuery(".hd-bottom").removeClass("shrink");
}
if (window.matchMedia('(max-width: 767px)').matches) {
    jQuery(".hd-bottom").removeClass("shrink");
  } 
});
jQuery(window).on("load resize scroll",function(e){
  
  jQuery('.grid').isotope({
    itemSelector: '.grid-item',
    percentPosition: true,
    masonry: {
      columnWidth: '.grid-sizer',
      gutter: '.gutter-sizer'
    }
  })
  
});

use acoodian code 

jQuery(document).on('click','#accodion>.accoline>a',function(){  
  jQuery(this).siblings('.accotoggle').stop().slideToggle();  
  jQuery(this).closest('.accoline').siblings('div').find('.accotoggle').stop().slideUp();
  jQuery(this).parent('.accoline').toggleClass("active");
  jQuery(this).parent('.accoline').prevAll('.accoline').removeClass("active");
  jQuery(this).parent('.accoline').nextAll('.accoline').removeClass("active");
});

use for read more

jQuery(function () {
  jQuery(".grid-item").slice(0, 4).show();
  jQuery("#loadMore").on('click', function (e) {
    e.preventDefault();
    jQuery(".grid-item:hidden").slice(0, 4).slideDown();
    if (jQuery(".grid-item:hidden").length == 0) {
      jQuery("#load").fadeOut('slow');
    }
  });
});

use for Menu second li
$('.user-menus li.leaf:nth-child(2)').on('click' ,function(){
$(this).find('a').attr("href");
$(this).find('a').attr("href", test);
});


add the url #text on click jquery

  $('#settings-calendar-progressbar').click(function() {
      window.location.href='#calendar';
    });
ex en/admin/bat/config/types/manage/657/edit#calendar
Remove that 'to' between the editable hours (07:00 to 21:00),
    $(".office-hours-block").contents().filter(function(){
      return (this.nodeType == 3);
    }).remove();

No comments:

Post a Comment

If you have any problem please let me know.