I am trying to build a nav bar that expands and collapses upon click. Here is what i have so far:
<font face="Verdana,Arial" size="2">
<b>
Sub Menu Example
</b>
<br><hr><br>
<?php
if (isset($_GET['s'])){$s=$_GET['s'];}else{$s=0;}
if (isset($_GET['b'])){$b=$_GET['b'];}else{$b=0;}
$headers=array(
'Header1'=>'submenu.php?s=1',
'Header2'=>'submenu.php?s=2',
'Header3'=>'submenu.php?s=3'
);
$sub_1=array(
'SubHeader1'=>'http://pear.php.net',
'SubHeader2'=>'http://www.zend.com',
'SubHeader3'=>'http://www.php.net'
);
$sub_2=array(
'SubHeader1'=>'http://www.perdue.net',
'Layer_example'=>'submenu.php?s=2&b=1',
'SubHeader3'=>'http://www.sourceforge.net'
);
$sub_2_layer=array(
'SubSubHeader1'=>'http://www.zend.com/',
'SubSubHeader2'=>'http://www.php.net',
'SubSubHeader3'=>'http://smarty.php.net'
);
$sub_3=array(
'SubHeader1'=>'http://www.fastsearch.com',
'SubHeader2'=>'http://www.alltheweb.com',
'SubHeader3'=>'http://www.gravitonic.com'
);
foreach ($headers as $key=>$value){
echo "<a href='$value'>$key</a><br>";
if (($key=="Header1") && ($s=="1")){
foreach($sub_1 as $key=>$value){
echo "<ul><a href='$value'>$key</a></ul>";
}
}
if (($key=="Header2") && ($s=="2")){
foreach($sub_2 as $key=>$value){
echo "<ul><a href='$value'>$key</a></ul>";
if(($key=="Layer_example") && ($s=="2") && ($b=="1"))
{
foreach($sub_2_layer as $key=>$value)
{
echo "<ul><ul><a href='$value'>$key</a></ul></ul>";
if ($key=="SubSubHeader3") {$b="2";}
}
}
}
}
if (($key=="Header3") && ($s=="3")){
foreach($sub_3 as $key=>$value){
echo "<ul><a href='$value'>$key</a></ul>";}
}
}
?>
The code functions properly, but I want to adjust how it looks (alignment, spacing, background images, etc). How would I do that?
