Scribd Logo
Upload

Welcome to Scribd!

  • Add search icon to header on mobile

    Uploaded by

    sasa2209
    5 views1 page
    This document contains JavaScript code that appends an "expand search" link to the header search, toggles the "expanded" class on the body when clicked, and moves some elements on resize or load if the window width is less than 992 pixels. The code handles click and tap events for the expand search link to toggle the expanded class.

    Original Description:

    Original Title

    marzofashion.rtf

    Copyright

    © © All Rights Reserved

    Available Formats

    RTF, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    This document contains JavaScript code that appends an "expand search" link to the header search, toggles the "expanded" class on the body when clicked, and moves some elements on resize or load if the window width is less than 992 pixels. The code handles click and tap events for the expand search link to toggle the expanded class.

    Copyright:

    © All Rights Reserved
    Download as RTF, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    5 views1 page

    Add search icon to header on mobile

    Uploaded by

    sasa2209
    This document contains JavaScript code that appends an "expand search" link to the header search, toggles the "expanded" class on the body when clicked, and moves some elements on resize or load if the window width is less than 992 pixels. The code handles click and tap events for the expand search link to toggle the expanded class.

    Copyright:

    © All Rights Reserved
    Download as RTF, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 1

    $(document).

    ready(function(){
    $('.header-search .search_group').append('<a href="#"
    class="expandSearch"><i class="fa fa-times"></i></a>');
    });

    $('.expandSearch').click(function(){
    $('body').toggleClass('expanded');

    alert('klik');

    });

    $('.expandSearch').tap(function(){
    $('body').toggleClass('expanded');

    alert('tap');

    });

    $(window).on("resize load", function() {


    var windowWidth = $(window).width();
    if(windowWidth < 992) {
    $
    ('.header_style_share, .company_call_us').insertBefore('.endfooter_list ul');
    $('.expandSearch').click(function(){
    $('body').toggleClass('expanded');
    });
    $('.expandSearch').tap(function(){
    $('body').toggleClass('expanded');
    });

    }
    else {
    $
    ('.header_style_share,
    .company_call_us').insertBefore('.company_pricelist');
    }

    });

    You might also like