Ok so I think I have followed the instructions but obviously have missed something.
I have created an expandingMenu.js as follows:
$(document).ready(function()
{
// First we hide all exhibitis
$("#menu ul li.section-title").nextAll().hide();
// then the active exhibit is showed
$("#menu ul").each(function()
{
$(this).find("li.active").prevAll().nextAll().show();
});
// This is the toggle function
// first it hides all sections
$("#menu ul li.section-title").click(function()
{
$("#menu ul li.section-title").nextAll().hide(500).animate({easing:"linear"});
$(this).nextAll().show(500);
});
});
Then in my Index.PHP I replaced:
*script type='text/javascript'>
path = '/files/gimgs/';
$(document).ready(function()
{
setTimeout('move_up()', 1);
});
*/script>
With this:
*script type='text/javascript'>
path = '/files/gimgs/';
$(document).ready(function()
{
setTimeout('move_up()', 1);
expandingMenu(0);
expandingMenu(1);
expandingMenu(2);
expandingMenu(3);
expandingMenu(4);
expandingMenu(5);
expandingMenu(6);
});
*/script>
I'm using jQuery JavaScript Library v1.3.2.
Am I missing something because it is not working on my site: M-RAD
Thanks in advance!