Sunday 30 October 2022

How we can create search filter on same page

 <script>

     $("#search-text").keyup(function() {

    var str = $(this).val(); /* Get the value of the textbox */

const arr = str.split(" ");

for (var i = 0; i < arr.length; i++) {

    arr[i] = arr[i].charAt(0).toUpperCase() + arr[i].slice(1);


}

const str2 = arr.join(" ");

    $(".arm_download_wrapper").show(); /* Show all .subcat-item */

    $(".arm_download_description p").filter(function() { /* Filter all .item and hide*/

      return !$(this).text().includes(str2);

    }).parent().parent().hide();

  });

});    

</script>

We can make slider using multiple row.

<div class="slider">
<li>here</li>

</div>


 jQuery('.slider').slick({

        dots: true,

        infinite: true,

        draggable: true,

        speed: 500,

        slidesToShow: 3,

        slidesToScroll: 1,

        autoplay: true,

        autoplaySpeed: 2000,

        arrows: false,

        responsive: [{

          breakpoint: 600,

          settings: {

            slidesToShow: 1,

            slidesToScroll: 1

          }

        },

        {

           breakpoint: 400,

           settings: {

              arrows: false,

              slidesToShow: 1,

              slidesToScroll: 1

           }

        }]

    });