Hide iFrame Under Panel / Div Object

As you can see in my image, I have a Pdf (which is in the iFrame) along with the JQuery Sliding Menu (which is in the Div / Panel) along with another iFrame. I want to hide the iFrame sliding menu (The reason for adding Panel Under iframe, because the pdf view behavior panel will be hidden under Pdf and will not be visible on the form). To do this, I tried to set the attribute display = none; which didn't work :( Is there a way to hide the iFrame, but the panel should be in place.

enter image description here

+1
source share
1 answer

Use firebug to determine if you get an element in a watch expression or not. You must access an iFrame like this

<form name="formname" .... id="form-first"> <iframe id="one" src="iframe2.html"> </iframe> </form> function iframeRef( frameRef ) { return frameRef.contentWindow ? frameRef.contentWindow.document : frameRef.contentDocument } var inside = iframeRef( document.getElementById('one') ) 
0
source

All Articles