okay here is the first picture:
page = index.php
Now using the if() statement, i want the menu to be expanding on a certain page like this:
page = characters.php
So that's what i'm looking to accomplish for right now.
any ideas on how i would do this?
(note: The menu is set up using css and tables)
Here's the general Layout of the code:
<div id="lh-col">
<div class="menu">
<table summary="" cellpadding="1" cellspacing="1" class="menu">
<tr>
<td><a href="index.php" onfocus="this.blur()"> Index</a></td>
</tr>
<tr>
<td><a href="forum.php" onfocus="this.blur()"> Forum</a></td>
</tr>
<tr>
<td><a href="updates.php" onfocus="this.blur()"> Updates</a></td>
</tr>
<tr>
<td><a href="story.php" onfocus="this.blur()"> Overview</a></td>
</tr>
<tr>
<td><a href="characters.php" onfocus="this.blur()"> Characters</a></td>
</tr>
<tr>
<td><a href="part1.php" onfocus="this.blur()"> Part I</a></td>
</tr>
<tr>
<td><a href="part2.php" onfocus="this.blur()"> Part II</a></td>
</tr>
<tr>
<td><a href="part3.php" onfocus="this.blur()"> Part III</a></td>
</tr>
<tr>
<td><a href="part4.php" onfocus="this.blur()"> Part IV</a></td>
</tr>
<tr>
<td><a href="downloads.php" onfocus="this.blur()"> Downloads</a></td>
</tr>
<tr>
<td><a href="contact.php" onfocus="this.blur()"> Contact</a></td>
</tr>
</table>
</div>
</div>