https://www.webmagazine24.it/wp-content/themes/newscrunch/assets/j…?ver=c1f97ce2c17cbdfa7510b2d2b5f7ab1d

1(function($){
2  
3    $(document).ready(function() {
4    
5        // Fullwidth Serach Box
6        $(function(){
7            var $searchlink = $('#search_toggle_fullwidth');
8            var $searchbar_fullwidth  = $('#searchbar_fullwidth');
9          
10            $('#search_toggle_fullwidth').on('click', function(e){
11              e.preventDefault();
12                if($(this).attr('id') == 'search_toggle_fullwidth') {
13                    if(!$searchbar_fullwidth.is(":visible")) { 
14                        // if invisible we switch the icon to appear collapsable
15                        $searchlink.removeClass('fa-search').addClass('fa-search-minus');
16                    } else {
17                        // if visible we switch the icon to appear as a toggle
18                        $searchlink.removeClass('fa-search-minus').addClass('fa-search');
19                    }
20                    $searchbar_fullwidth.slideToggle(300, function(){
21                    // callback after search bar animation
22                    });
23                }
24            });
25          
26          $('#searchform_fullwidth').submit(function(e){
27              e.preventDefault(); // stop form submission
28          });
29        });
30
31
32        // Fullscreen Serach Box 
33        $(function() {      
34            $('a[href="#searchbar_fullscreen"]').on("click", function(event) {    
35                event.preventDefault();
36                $("#searchbar_fullscreen").addClass("open");
37                $('#searchbar_fullscreen > form > input[type="search"]').focus();
38            });
39
40            $("#searchbar_fullscreen, #searchbar_fullscreen button.close").on("click", function(event) {
41                if (
42                  event.target == this ||
43                  event.target.className == "close" ||
44                  event.keyCode == 27
45                ) {
46                    $(this).removeClass("open");
47                }
48            });
49 
50        });
51
52    });
53})(jQuery);