I cannot set elements to display:none with javascript. Does captivate keep setting them to block?

Question

Hey everyone,
I do a lot of work with switching between languages in the modules.  I can accomplish this by creating a lot of tedious "Show" and "Hide" advanced actions for the numerous texts that need to be displayed, but being a programmer I think there's a better way through the use of a single Javascript script. 
This is how I believe it will work when finished:
The script goes through the DOM and retrieves all elements that have the class cp-frameset which is common to all entered text fields.  It then goes through and sorts these DOM elements that were retrieved into separate arrays based on ID because all English texts have English_1_1 (the English prefix) and all other languages (such as German) has the German prefix (like German_1_1).  Doing this, I can have numerous and indefinite arrays of ID's for each different language.  Then, the theory was, that I would go through and as a slide loads check the language user defined flag (0 for english, 1 for german, 2 for spanish, etc. etc.) and based on that go through each array which contains the ID's for every text element and then set each DOM's style.visibility to 'visible' or 'hidden' based on what the language flag is, or display:none/display:block.  The code follows (only contains two languages for ease):
var englishElements = new Array();
var germanElements = new Array();
var languageFlag = cp.variablesManager.getVariableValue('language');
console.log("languageFlag "+languageFlag);
function findElements(){     //Function to find all English/German elements, split into arrays for display/hiding
      var theElements = document.getElementById("div_Slide").getElementsByClassName("cp-frameset");
     console.log(theElements);
     for(var i = 0; i < theElements.length; i++){
          if(theElements[i].id.lastIndexOf("English", 0) === 0){ //Getting all ElementID's that have English as the prefix, for looking up later (need to maintain unique suffix)
               englishElements.push(theElements[i].getAttribute('id'));
          }else if(theElements[i].id.lastIndexOf("German", 0)===0){ //Getting all ElementID's that have German as the prefix, for looking up later
               germanElements.push(theElements[i].getAttribute('id'));
findElements();
console.log(englishElements);
console.log(germanElements);
function hideElements(langFlag){ //Function for hiding elements based on the language flag set by the user by clicking buttons in the module
     if(langFlag == "0"){ //English case
          for(var i = 0; i < englishElements.length; i++){ //Showing english elements
              var engElement = document.getElementById(englishElements[i]);
              console.log("showing ");
               engElement.style.visibility = 'visible';
               engElement.style.display = 'block';
          for (var j = 0; j < germanElements.length; j++){ //Hiding german elements
               var germElement = document.getElementById(germanElements[j]);
               console.log("hiding");
               germElement.style.visibility = 'hidden';
               germElement.style.display = 'none';
     }else if(langFlag == "1"){  //German case
            for(var i = 0; i < englishElements.length; i++){ //Showing english elements
               document.getElementById(englishElements[i]).style.visibility="hidden";
                document.getElementById(englishElements[i]).style.display="none";
               console.log("hiding "+englishElements[i]);
          for (var j = 0; j < germanElements.length; j++){ //Hiding german elements
               document.getElementById(germanElements[i]).style.visibility="visible";
               document.getElementById(germanElements[i]).style.display="none";
               console.log("showing "+germanElements[i]);
     }else{ //Bogus case
       console.log("BOGUS CASE@!!!!!@!#@!#!");
hideElements(languageFlag);
When it gets to the portion with hiding German elements, running in the browser, I would think that the elements would be hidden or displayed properly.  The visibility attribute seems to get set when I inspect the HTML, but the display is always display:block, and never display:none
I can't seem to find any in-depth JS resources for Captivate, so I would greatly appreciate help!
OH! One more thing!  Anybody know how to retrieve an element's transition timers?  I figure that when I get this displaying correct, it'll display everything instantly instead of fading in/out like I would really like.

Answer 1

Hi kastwf001,
My name is Mehdi from Cisco Technical Support, just want to inform you regarding QuickVPN is an light software using IPsec service of windows, so here it depend of windows and firewall ... IPsec setting on windows, encryption ... 
anyhow for RV120W it's open for 3rd party software as ShrewVPN , TheGreenBow ... and working as expected since those software are using their ip sec services ..
Please follow configuration steps on RV120W and ShrewVPN (screenshots taken from you post) :
Please let me know if you have any question
Please rate the post or mark as answered to help other Cisco Customers
Regards
Mehdi