I want a code which makes (strip) appears if i click a (button) thank you

Ask the community
,
1

like this > (if user click button# show strip# else hide strip #)

2

This tutorial will get you started on how to accomplish this:
• https://www.wix.com/corvid/example/hide-and-show-an-image

Though instead of hide/show, you will probably be better off using expand / collapse for the strip. If you search for it, there are many many resources for this in the forum!

Best of luck! :v:

3

Hi :raised_hand_with_fingers_splayed:

$w('#button').onClick((event) => {
    const strip = $w('#strip');
    strip.hidden ? strip.show().then(() => strip.scrollTo()) : strip.hide();    
})

Hope this helps~!

4

Hello Ahmad, should your code still be working?

5

@hederik

It seems tehere is something missing inside Amad’S provided code…

$w('#button').onClick((event) => {
    if ($w('#strip').hidden) {
        $w('#strip').show().then(() => {
            $w('#strip').scrollTo();
        })
    } else {
        $w('#strip').scrollTo();
    }
})
  1. You click the BUTTON.
  2. The if-else-query-check runs and checks which is the current state of the button → hidden / non-hidden (true/false)
  3. The code shows the button if it is hidden…
  4. But it does not hide the STRIP again, if the button is non-hidden (visible).
$w('#button').onClick((event) => {
    if ($w('#strip').hidden) {
        $w('#strip').show().then(() => {
            $w('#strip').scrollTo();
        })
    } else {
        $w('#strip').hide().then(() => {
            //$w('#strip').scrollTo();
        })        
    }
})
6

@hederik Yes!

7

@russian-dima Good catch.