Need Help with Hiding and Collapsing Repeater with Search Codes Already on Page

Ask the community
, ,
1

I am having a super slow load time with my page as my repeater is loading on every search page I have located at https://www.kalamazoomenu.com
I would like to make this more user-friendly by having my repeaters attached to a strip on my search pages, having it hidden/collapsed on load and then appear when they make their selections.
I am a novice at best with coding and copied my codes through YouTube tutorials to make the site function as we wanted. They already have “On Click” commands attached to the buttons/search bar. How can I fix this without messing up the working code I already have?

There is a search bar page located at www.kalamazoomenu.com/search-restaurants here is the code I used:

Search import wixData from 'wix-data';

export function searchName_keyPress(event) {
let searchValue = $w("#searchName").value;
$w('#dataset1').setFilter(wixData.filter().contains ("restaurantName", searchValue));   
}

And there are drop down searches on the additional pages such as www.kalamazoomenu.com/cuisine-types Where I used this code:

import wixData from 'wix-data';

$w.onReady(function () {
 //TODO: write your page related code here...

});

export function cuisineDropdown_change(event) {
let filterCuisine= $w("#cuisineDropdown").value;

$w("#dataset1").onReady( () => {

if (filterCuisine === "American") {
$w("#dataset1").setFilter(wixData.filter().eq("american", true));
} 

if (filterCuisine === "Asian") {
$w("#dataset1").setFilter(wixData.filter().eq("asian", true));
} 

if (filterCuisine === "Bakery") {
$w("#dataset1").setFilter(wixData.filter().eq("bakery", true));
} 

if (filterCuisine === "BBQ") {
$w("#dataset1").setFilter(wixData.filter().eq("bbq", true));
} 

if (filterCuisine === "Coffee Shop") {
    $w("#dataset1").setFilter(wixData.filter().eq("coffeeShop", true));
}

if (filterCuisine === "Desserts") {
    $w("#dataset1").setFilter(wixData.filter().eq("desserts", true));
}

if (filterCuisine === "Ice Cream") {
$w("#dataset1").setFilter(wixData.filter().eq("iceCream", true));
} 

if (filterCuisine === "Italian") {
$w("#dataset1").setFilter(wixData.filter().eq("italian", true));
} 

if (filterCuisine === "Food Truck") {
$w("#dataset1").setFilter(wixData.filter().eq("foodTruck", true));
} 

if (filterCuisine === "Kids Menu") {
$w("#dataset1").setFilter(wixData.filter().eq("kidsMenu", true));
} 

if (filterCuisine === "Mexican") {
$w("#dataset1").setFilter(wixData.filter().eq("mexican", true));
} 

if (filterCuisine === "Pizza") {
$w("#dataset1").setFilter(wixData.filter().eq("pizza", true));
} 

if (filterCuisine === "Pub Food") {
$w("#dataset1").setFilter(wixData.filter().eq("pubFood", true));
} 

if (filterCuisine === "Subs and Sandwiches") {
$w("#dataset1").setFilter(wixData.filter().eq("subsAndSandwiches", true));
} 

if (filterCuisine === "Salad") {
$w("#dataset1").setFilter(wixData.filter().eq("salad", true));
} 

if (filterCuisine === "Seafood") {
$w("#dataset1").setFilter(wixData.filter().eq("seafood", true));
} 

if (filterCuisine === "Soup") {
$w("#dataset1").setFilter(wixData.filter().eq("soup", true));
} 

if (filterCuisine === "Steakhouse") {
$w("#dataset1").setFilter(wixData.filter().eq("steakhouse", true));
} 

if (filterCuisine === "Middle Eastern") {
$w("#dataset1").setFilter(wixData.filter().eq("middleEastern", true));
} 

if (filterCuisine === "Sushi") {
$w("#dataset1").setFilter(wixData.filter().eq("sushi", true));
} 

if (filterCuisine === "Gumbo") {
$w("#dataset1").setFilter(wixData.filter().eq("gumbo", true));
} 

if (filterCuisine === "Indian") {
$w("#dataset1").setFilter(wixData.filter().eq("indian", true));
} 

if (filterCuisine === "Misc") {
$w("#dataset1").setFilter(wixData.filter().eq("misc", true));
} 
} 
)}  //Add your co

End Goal: Keep the page functioning yet do not display the list until they enter their search. I am confident there is an easy solution for this but have not been able to locate it yet as I am concerned with the “on clicks” that are already in place for the site.

Lastly, I have a growing list of participating restaurants I am sharing. How can I speed up the load time on the site? It’s achingly slowwwww.

Thanks for any help!