I have two images that resemble a toggle switch - one in up position and one in down position.
Then I have two divs with different text in them - div A and div B.
I need to display IMAGE_UP and DIV_A. When the user clicks on the image, the image will change to IMAGE_DOWN and DIV_B will be shown instead of DIV_A.
Solutions I've tried:
1) "Toggle Image" handles 3 of the 4 tasks - it displays IMAGE_UP and when clicked changes to IMAGE_DOWN, and DIV_A is hidden. However, I can't figure out how to then show DIV_B. I need some type of alternating element ID of "DIV_A:hide,DIV_B:show" and "DIV_B:hide,DIV_A:show". Can't figure the syntax out. I could probably get it if I could attach an event handler to the toggle image, but event handlers are not an option as a child element.
2) Slider user input element - this works by attaching the "onchange" event handler and then Action-refreshing the divs, and then putting a condition on each div attached to the value of the slider element. I can't show my toggle switch images though. I can change the background image of the slider, but only to one of the two toggle switches and I can't hide the hand of the slider.
Please sign in to leave a comment.