# The Good Life in Rogers

*Published:* 2023-07-26
*Author:* susie.kardas

 

 Start your adventure by living
------------------------------

The Good Life in Rogers
=======================

 

You won’t find a friendlier, safer place to live, work and play – that’s why we call living here The Good Life.

Whether you are visiting or relocating to Northwest Arkansas you will find a wealth of information for planning your trip to the area in our [Destination Guide](https://www.destinationrogers.com/destination-guide/)—including events, local attractions, trails, restaurants, and city amenities.

[GET THE GUIDE](https://issuu.com/rlacc/docs/2024_thegoodlife_final)





[![](https://www.destinationrogers.com/wp-content/uploads/2024/06/The-Good-Life-Destination-Guide-Cover-202470.png)](https://issuu.com/rlacc/docs/2024_thegoodlife_final)

   Plan Your Trip

 [Category](#)- things to do
 
 [filter](javascript:void(0)) 

 

 





 

 





 

 

 

  

 

  


        document.addEventListener('DOMContentLoaded', function () {

            let swiper3;

            function initSwiper() {
                swiper3 = new Swiper("#block_de7d5ddf0c00d49d6dc7dd2180ff5874 .centered-with-button", {
                    loop: true,
                    centeredSlides: true,
                    effect: 'coverflow',
                    observer: true,
                    observeParents: true,
                    coverflowEffect: {
                        rotate: 10,
                        stretch: 0,
                        depth: 100,
                        modifier: 1,
                        slideShadows: true,
                    },
                    navigation: {
                        nextEl: "#block_de7d5ddf0c00d49d6dc7dd2180ff5874 .snp-button-next",
                        prevEl: "#block_de7d5ddf0c00d49d6dc7dd2180ff5874 .snp-button-prev",
                    },
                    pagination: {
                        el: '#block_de7d5ddf0c00d49d6dc7dd2180ff5874 .snp-pagination',
                        type: 'custom',
                        renderCustom: function (swiper, current, total) {
                            var currentz = (current / total) * 100 + '%';
                            var fragment = document.querySelector('#block_de7d5ddf0c00d49d6dc7dd2180ff5874 .snp-progress .snp-progressbar');
                            fragment.style.width = currentz;
                            var progressBarHtml = '<div class="snp-progress"><div class="snp-progressbar" style="width:' + currentz + '">';

                            function numberAppend(d) {
                                return (d < 10) ? '0' + d.toString() : d.toString();
                            }

                            return '<div class="snp-pagination swiper-pagination-horizontal"><span class="sr-only">Slide <span class="current">' + numberAppend(current) + '<span aria-hidden="true"> / <span class="sr-only">of <span class="next">' + (numberAppend(total)) + '';
                        }
                    },
                    on: {
                        init: function () {

                            let myLazyLoad = new LazyLoad({
                                elements_selector: ".lazyload"
                            });

                            // Set inert on all slides except active
                            this.slides.forEach((slide, index) => {
                                if (index !== this.activeIndex) {
                                    slide.setAttribute('inert', '');
                                }
                            });
                            
                            // Set up MutationObserver to continuously remove aria-live
                            var wrapper = document.querySelector('#block_de7d5ddf0c00d49d6dc7dd2180ff5874 .swiper-wrapper');
                            if (wrapper) {
                                wrapper.removeAttribute('aria-live');
                                
                                // Create observer to watch for aria-live being re-added
                                var observer = new MutationObserver(function(mutations) {
                                    mutations.forEach(function(mutation) {
                                        if (mutation.type === 'attributes' && mutation.attributeName === 'aria-live') {
                                            if (wrapper.hasAttribute('aria-live')) {
                                                wrapper.removeAttribute('aria-live');
                                            }
                                        }
                                    });
                                });
                                
                                // Start observing
                                observer.observe(wrapper, {
                                    attributes: true,
                                    attributeFilter: ['aria-live']
                                });
                            }
                        },
                        slideChange: function () {
                            // Remove inert from all slides first
                            this.slides.forEach((slide) => {
                                slide.removeAttribute('inert');
                            });
                        
                            // Add inert to all slides except the active one
                            this.slides.forEach((slide, index) => {
                                if (index !== this.activeIndex) {
                                    slide.setAttribute('inert', '');
                                }
                            });
                        },

                        slideChangeTransitionEnd: function () {
                            // Ensure inert is properly set after transition completes
                            this.slides.forEach((slide, index) => {
                                if (index !== this.activeIndex) {
                                    slide.setAttribute('inert', '');
                                } else {
                                    slide.removeAttribute('inert');
                                }
                            });
                        }
                    },                       
                    breakpoints: {
                        0: {
                            slidesPerView: 1.2,
                            spaceBetween: 0,
                            coverflowEffect: {

                                modifier: 2,

                            },
                        },
                        767: {
                            slidesPerView: 1.7,
                            spaceBetween: 24,
                            coverflowEffect: {

                                modifier: 1,

                            },
                        },
                        1023: {
                            slidesPerView: 1.8,
                            spaceBetween: 0,
                            paginationClickable: true,
                            simulateTouch: false,
                            slideToClickedSlide: true,
                            coverflowEffect: {
                                rotate: 10,
                                stretch: 0,
                                depth: 100,
                                modifier: 1,
                                slideShadows: true,
                            },
                        },
                    },
                });
            }

            //initSwiper();

            let default_tags;
            let tags = [];

            default_tags = $("#default_tags").val();

            function get_trips() {

                let nonce = $("#nonce").data('nonce');

                $.post(app.ajaxurl, {
                        nonce: nonce,
                        tag: tags,
                        default_tags: default_tags,
                        action: 'trip_list'
                    },
                    function (result) {

                        $("#trip_slider_slides").empty().html(result.data);

                        initSwiper();

                        // Ensure inert is set after new slides are loaded
                        setTimeout(function() {
                            if (swiper3 && swiper3.slides) {
                                swiper3.slides.forEach((slide, index) => {
                                    if (index !== swiper3.activeIndex) {
                                        slide.setAttribute('inert', '');
                                    } else {
                                        slide.removeAttribute('inert');
                                    }
                                });
                            }
                        }, 100);

                        // Add keyboard support for slider navigation buttons
                        $("#block_de7d5ddf0c00d49d6dc7dd2180ff5874 .snp-button-next, #block_de7d5ddf0c00d49d6dc7dd2180ff5874 .snp-button-prev").on("keydown", function(e) {
                            // Enter key (13) or Spacebar (32)
                            if (e.keyCode === 13 || e.keyCode === 32) {
                                e.preventDefault();
                                $(this).trigger('click');
                            }
                        });
                    }, "json");
            }

            /*
            $( "#tags_select" ).on( "change", function() {
                tag = $("#tags_select option:selected").val();
                get_trips();
            } );

             */
            //initial load
            get_trips();
            //swiper3.updateSlides();

            $("#filter_tags").click(function () {
                get_trips();
            });

            $("#push-tooltip-block_de7d5ddf0c00d49d6dc7dd2180ff5874").each(function (index) {

                const content = $(this).find('[data-push="content"]');
                const button = $(this).find('[data-push="button"]');
                const option = $(this).find('[data-push="option"]');
                const filter = $(this).find('.filter');

                // Function to toggle the dropdown
                function toggleDropdown(e) {
                    e.preventDefault();
                    e.stopPropagation();
                    
                    // Close other dropdowns
                    $('[data-push="button"]').not(button[0]).parent().removeClass('is-active');
                    $('[data-push="button"]').not(button[0]).attr('aria-expanded', 'false');
                    $('.push-tooltip').not(button.parent()[0]).removeClass('is-active');
                    $('.push-tooltip').not(button.parent()[0]).find('[data-push="content"]').fadeOut(300).removeClass('is-active');

                    // Toggle this dropdown
                    const isExpanded = button.attr('aria-expanded') === 'true';
                    button.attr('aria-expanded', !isExpanded);
                    button.parent().toggleClass('is-active');
                    content.fadeToggle(300).toggleClass('is-active');
                }

                // Handle click events
                button.on("click", toggleDropdown);

                // Handle keyboard events (Enter and Spacebar)
                button.on("keydown", function(e) {
                    // Enter key (13) or Spacebar (32)
                    if (e.keyCode === 13 || e.keyCode === 32) {
                        toggleDropdown(e);
                    }
                });
                // Close dropdown when clicking outside
                $(document).on('click', function(e) {
                    if (!$(e.target).closest('#push-tooltip-block_de7d5ddf0c00d49d6dc7dd2180ff5874').length) {
                        button.attr('aria-expanded', 'false');
                        button.parent().removeClass('is-active');
                        content.fadeOut(300).removeClass('is-active');
                    }
                });
                // Function to handle filter activation
                function activateFilter(a) {
                    a.preventDefault();
                    a.stopPropagation();
                    button.attr('aria-expanded', 'false');
                    $(this).parent().fadeOut(300).removeClass('is-active').parent().removeClass('is-active');
                    // Actually trigger the filtering (same as clicking the filter button)
                    get_trips();
                }

                // Handle filter button click
                filter.on("click", activateFilter);

                // Handle filter button keyboard events (Enter and Spacebar)
                filter.on("keydown", function(e) {
                    // Enter key (13) or Spacebar (32)
                    if (e.keyCode === 13 || e.keyCode === 32) {
                        activateFilter.call(this, e);
                    }
                });

                option.each(function (index) {
                    const optionDiv = $(this).find('div[role="button"]');
                    
                    // Function to toggle option
                    function toggleOption(e) {
                        e.preventDefault();
                        e.stopPropagation();
                        
                        if (!$(this).hasClass('selected')) {
                            $(this).toggleClass('selected');
                            optionDiv.attr('aria-pressed', 'true');

                            if (tags.indexOf($(this).attr('id')) === -1) {
                                tags.push($(this).attr('id'));
                            }
                        } else {
                            $(this).removeClass('selected');
                            optionDiv.attr('aria-pressed', 'false');

                            var idx = tags.indexOf($(this).attr('id'));
                            tags.splice(idx, 1);
                        }
                    }
                    
                    // Handle click events on the li element
                    $(this).on("click", toggleOption.bind(this));
                    
                    // Handle keyboard events on the div element
                    optionDiv.on("keydown", function(e) {
                        // Enter key (13) or Spacebar (32)
                        if (e.keyCode === 13 || e.keyCode === 32) {
                            toggleOption.call($(this).parent()[0], e);
                        }
                    });
                });

            });

        });


     Attend a Show

Experience the Amp

 An outdoor amphitheater for all kinds of music fans. Gather with fellow music fans for an unforgettable night under the stars, as you claim your seat or spread out a picnic blanket to enjoy live performances by legendary bands and talented musicians at Walmart Arkansas Music Pavilion.

 [Learn more](https://www.destinationrogers.com/get-inspired/articles/25-things-do-rogers-25-attend-concert-walmart-amp/)