# Bikes, Blues, & BBQ

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

Motorcycle Rally with a Purpose
-------------------------------

Bikes, Blues, & BBQ
=======================

If you have not experienced the roads of the Ozarks, then you are in for a fun experience. If you are a rally regular, then we want to welcome you back for another fun year. Bikes, Blues and BBQ is the world’s largest charity motorcycle rally that benefits women, children and the under-served members of the Northwest Arkansas community. Over the course of our 20 years, we have raised over $3 million to local charities. We appreciate your support of our event and the difference that you make for our non-profit organizations.

 

[Official Website](https://bikesbluesandbbq.org/rally-info/)

[Event Page](https://www.destinationrogers.com/things-to-do/events/bikes-blues-bbq/)

[Facebook](https://www.facebook.com/bikesbluesbbq)

[Instagram](https://www.instagram.com/bikesbluesandbbq/)

[Twitter](https://twitter.com/bbbrally)





   Rev Your Engines

 [Category](#)- 25 Things To Do
- downtown
- motorcycles
- Motorcycling
 
 [filter](javascript:void(0)) 

 

 





 

 





 

 

 

  

 

  


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

            let swiper3;

            function initSwiper() {
                swiper3 = new Swiper("#block_9445b81c12dbf4104a3736e282ccff48 .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_9445b81c12dbf4104a3736e282ccff48 .snp-button-next",
                        prevEl: "#block_9445b81c12dbf4104a3736e282ccff48 .snp-button-prev",
                    },
                    pagination: {
                        el: '#block_9445b81c12dbf4104a3736e282ccff48 .snp-pagination',
                        type: 'custom',
                        renderCustom: function (swiper, current, total) {
                            var currentz = (current / total) * 100 + '%';
                            var fragment = document.querySelector('#block_9445b81c12dbf4104a3736e282ccff48 .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_9445b81c12dbf4104a3736e282ccff48 .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_9445b81c12dbf4104a3736e282ccff48 .snp-button-next, #block_9445b81c12dbf4104a3736e282ccff48 .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_9445b81c12dbf4104a3736e282ccff48").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_9445b81c12dbf4104a3736e282ccff48').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);
                        }
                    });
                });

            });

        });


     Motorcycle Rides

 

 [Easy: Gateway Ride](https://www.google.com/maps/d/viewer?hl=en&ie=UTF8&msa=0&ll=36.153400000000026%2C-93.941345&spn=1.097739%2C2.323608&z=9&mid=1IT-mbgX5-Odnc66o83VHDczto8M) 

 [Moderate: Alpena Ride](https://www.google.com/maps/d/viewer?hl=en&ie=UTF8&msa=0&z=10&mid=1Of-Mxo9eyMeADAj7oI0b3ali7vo&ll=36.29748578759201%2C-93.69287) 

 [Advanced: Pig Trail](https://www.google.com/maps/d/viewer?mid=1UvhGo0oWDbdqDzadtnfFq8jPTbk&hl=en&ie=UTF8&msa=0&ll=35.76880100000003%2C-94.00726299999997&spn=1.103098%2C2.323608&z=9)