How to show/hide text/media onclick on a dropdown menu

Ask the community
,
1

I created a dropdown menu that lists specific services that a company offers and want to show/hide the text and media that i created for each service when i chose the service on the dropdown menu.
Please help!!

2

Could you be a bit more specific?
What code do you have at the moment and what text and media and how much?

3

so far i only coded the dropdown menu, im still waiting on the media and text from my client but it wouldn’t be much text, maybe 6-8 lines and some small logos for media

4

@ravelbeckermhd Based on your description this could work although it is very simple and may not be best for nice layouts:

if ($w("#dropDown1").value === "Service 1") {
    $w("#Service1Text").show()
    $w("#Service1Image").show()
    $w("#Service2Text").hide()
    $w("#Service2Image").hide()
    $w("#Service3Text").hide()
    $w("#Service3Image").hide()
} // End of if 1
if ($w("#dropDown1").value === "Service 2") {
    $w("#Service1Text").hide()
    $w("#Service1Image").hide()
    $w("#Service2Text").show()
    $w("#Service2Image").show()
    $w("#Service3Text").hide()
    $w("#Service3Image").hide()
} // End of if 2
if ($w("#dropDown1").value === "Service 3") {
    $w("#Service1Text").hide()
    $w("#Service1Image").hide()
    $w("#Service2Text").hide()
    $w("#Service2Image").hide()
    $w("#Service3Text").show()
    $w("#Service3Image").show()
} // End of if 3
5

@anralore thank you, i got it. I ended up using your code with onChange and now its running TY

6

@ravelbeckermhd You are welcome.