How to Only One Expandable Vertical Menu Item Is Opened at a Time

Ask the community
, ,
1

Question:
[Ensuring Only One Expandable Menu Item Is Opened at a Time]

Product:
[Wix studio]

What are you trying to achieve:
[ I’m using an expandable menu on WixStudio, and I want to ensure that only one menu item is open at a time. However, right now, multiple items can be opened simultaneously.]

Ekran Resmi 2025-02-24 15.24.52|214x500

Can someone help me?

Thanks!

2

Hello guys. Any solutions please?

3

no updates? :frowning: please?

4

i dont want to spam but still no answers :frowning:

5

still want answers guys

6 
$w.onReady(function () {
    let lastClickedItem = null;

    // Menü öğelerinin her biri için onClick eventini tanımla
    $w("#expandableMenu2").onItemClick((event) => {
        const clickedItem = event.item; // Tıklanan menü öğesi

        // Eğer önceki bir öğe tıklandıysa ve önceki öğe farklıysa
        if (lastClickedItem && lastClickedItem !== clickedItem) {
            // Önceki öğeyi de-seç (kapanma)
            lastClickedItem.selected = false;

            // Önceki öğe açılır menüsünü gizle
            $w(`#${lastClickedItem.id}_submenu`).hide(); // Menü öğesinin alt menüsünü gizle
        }

        // Yeni tıklanan öğeyi seç
        clickedItem.selected = true;

        // Yeni tıklanan öğenin alt menüsünü göster
        $w(`#${clickedItem.id}_submenu`).show(); // Menü öğesinin alt menüsünü göster

        // Son tıklanan öğeyi kaydet
        lastClickedItem = clickedItem;

        // Konsola tıklanan öğenin label'ını yazdır
        console.log("Clicked menu item:", clickedItem.label);
    });
});

tried this one but did not work.

7

any updates guys??? :grin:

8

sorry for spamming but kinda important. UPUPUP

9

Hi, @cesurcan !!

So, what you’re looking for is a menu that behaves like this? :wink:

10

yes! it is… cant we do it via wix menu?

11

Are you referring to an accordion menu when you say “expandable vertical menu” in the first place? :melting_face: