jQuery lavalamp issue

[cascadiagraphic]

Hi guys

I'm trying out this lavalamp effect on my nav but it doesn't quiet do the trick..

the effect works, but if I try clicking other links, nothing happens
here's a live demo:

http://cascadiagraphics.be/bo/index.html

http://cascadiagraphics.be/bo/contact.html

those are the 2 pages I have, but i cant get the current page selected in the nav. and I also can't click the items in the nav to go from one page to the other. don't know what to do here...

using these scripts

<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="js/jquery.easing.min.js"></script>
<script type="text/javascript" src="js/jquery.lavalamp.min.js"></script>  
<script type="text/javascript">
        $(function() {
            $("#3").lavaLamp({
                fx: "backout",
                speed: 700,
                click: function(event, menuItem) {
                    return false;
                }
            });
        });
 </script>

hope anyone understands my problem..

greets

[AndrewGSW]

Element ids cannot begin with a number, so change these first.

Your code returns false from the click event, telling it not to follow the links. Change it to return true. Added: I believe you can just delete "return false".

Your code doesn't tell it to highlight the current link (?). Perhaps the lavalamp feature has a setting for this that you haven't set. Added add the class "current" to the current-page li-link. You can style it differently with css.

[cascadiagraphic]

thank you AndrewGSW

I noticed the current class and placed it with the li already, that didn't do it.
But then I tried changing the "false" into "true" and problem solved!

didn't know it would be that easy

thanks alot!