I have built a question (inside of a loop/merge) that includes 5 buttons. The buttons either become invisible in a static condition or display different graphics in an interactive condition. Sometimes the accompanying graphic is slow to load and flashes. I found a solution to this problem on the community from Feb 23:



You can eliminate the flash by putting your question text in a <div> with a lot a top padding, then change the top padding to zero at the end of your

JavaScript. That way when the images initially flash they are off the screen:

<div id="myqt" style="padding-top:3000px">Question text goes here</div>



At end of JavaScript:

jQuery("#myqt").css("padding-top","0px");



I have tried this solution in my code. When I put the js statement into the code at the bottom of the addOnLoad function, nothing appears to happen. I have tried to put the statement as the first statement in the addOnLoad, and this works but only some of the time. I am attaching my code - I have incorporated the div as directed above into my .html. I hope that someone will have an idea of where to put the padding-top to 0 px statement.



Also, the code in addOnReady is to update backend embedded vars.



Thanks in advance for any advice.