Expandable Menu?

fatihhk · 06-24-2006, 02:17 PM

Hi,
I want to make expandable menu same with this one.
http://www.flyproxy.com/#
Please click "More Options" and menu will expand.
How could I do it?
Thanks for your helps...

spacetrain · 06-24-2006, 02:21 PM

Look at the source code, it gives you the basic javascript required to do this then edit this to include the php code which generates the advanced options with the phproxy script.

Jim_ · 06-24-2006, 04:31 PM

Code:

<script>
function toggle(objid) {
var obj = document.getElementById(objid);
if(obj.style.display == "none")
  obj.style.display = "block";
else
  obj.style.display = "none";
}
</script>

<a href="#" onclick="toggle('testlayer');">Hide/Show</a>
<div id="testlayer" style="display: none;">
Hidden Text
</div>

There's a quick example.

stscac · 06-25-2006, 05:23 AM

Jim once again hit the nail on the head.

Pretty simple code, you can see that he used javascript and the dom to hide the div layer that contained the content, and then show it upon request.

-Steve

06-24-2006, 02:17 PM	THREAD STARTER #1 (permalink)
fatihhk NamePros Regular Join Date: Apr 2006 Location: Berlin Posts: 333	Expandable Menu? Hi, I want to make expandable menu same with this one. http://www.flyproxy.com/# Please click "More Options" and menu will expand. How could I do it? Thanks for your helps...

06-24-2006, 02:21 PM	#2 (permalink)
spacetrain NamePros Member Join Date: May 2006 Posts: 133	Look at the source code, it gives you the basic javascript required to do this then edit this to include the php code which generates the advanced options with the phproxy script.

06-25-2006, 05:23 AM	#4 (permalink)
stscac A Wealth of Knowledge Join Date: Aug 2004 Posts: 3,809	Jim once again hit the nail on the head. Pretty simple code, you can see that he used javascript and the dom to hide the div layer that contained the content, and then show it upon request. -Steve

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)