Adobe Community: Message List - Hide Show toggle issue - can u help?

Re: Hide Show toggle issue - can u help?

forums_noreply@adobe.com — Thu, 16 Oct 2014 10:18:02 GMT

As you can see in my post, I am using the toggle option from the latest EDGE animate, but my issue is that I have 4 different toggle commands from 4 differnet buttons using the same symbols to hide/show.

So, if i hit button 1 to show, then hit button 1 to hide all is well, but if i hit button 1 to show, then button 2 to show, it starts to get confused and the wrong symbols are shown/ hidden

Re: Hide Show toggle issue - can u help?

forums_noreply@adobe.com — Thu, 16 Oct 2014 10:12:17 GMT

Hi, I am using the latest EDGE update

Re: Hide Show toggle issue - can u help?

forums_noreply@adobe.com — Thu, 16 Oct 2014 09:44:56 GMT

Hi,

You do not specify which Edge version you are using: Edge 5 with or without the entire jQuery, or an earlier Edge.

1) The jQuery function [ .toggle() ] can solve your issue.

I quote the jQuery API:

With no parameters, the .toggle() method simply toggles the visibility of elements:

1

$( ".target" ).toggle();

The matched elements will be revealed or hidden immediately, with no animation, by changing the CSS display property. If the element is initially displayed, it will be hidden; if hidden, it will be shown. The display property is saved and restored as needed.

2) One of both selectors can also be used: :visible or :hidden.

Hide Show toggle issue - can u help?

forums_noreply@adobe.com — Thu, 16 Oct 2014 08:55:57 GMT

Hi, I have a toggle issue!

I have four buttons that each hide show toggle different squares:

button 1 shows yellow and hides green, green1 and blue

button2 shows green and hides yellow, green1 and blue

button3 shows green 1 and hides yellow, green and blue

button4 shows blue and hides yellow, green and green1

However, if you press button1 and then press button2 the sequence gets confused and hides/shows the wrong ones!

Can you help to ensure that whatever button is pressed it will hide show the correct formation whether you toggle or not?

here is my code for one button1 etc:

// Set a toggle to hide or show an element

if (sym.$("Green").is(":visible")) {

sym.$("Green").hide();

} else {

sym.$("Green").show();

}

// Set a toggle to hide or show an element

if (sym.$("Green1").is(":visible")) {

sym.$("Green1").hide();

} else {

sym.$("Green1").show();

}

// Set a toggle to hide or show an element

if (sym.$("Blue").is(":visible")) {

sym.$("Blue").hide();

} else {

sym.$("Blue").show();

}

Can you help?