tags:

views:

16

answers:

0

Hi, I implemented the Lavalamp menu in my website, and I wanted to do this: when the users click in some link in the menu, then the hover stays in that link.

The lavalamp effect is working.

The jquerycode I have is this:

<script type="text/javascript">
    $(function() {
        $("#menutop").lavaLamp({
            fx: "backout",
            speed: 700,
           click: function(event, menuItem) {
                 return true;
               }
        });
    });
</script>

The html code for the menu is this:

<ul class="menu-top" id="menutop">
                <li class="current"><a href="index.php">Início</a></li>
                <li><a href="servidores.php">Servidores</a></li>
                <li><a href="pagamentos.php">Pagamentos</a></li>
                <li><a href="forum/">Fórum</a></li>
                <li><a href="sobre.php">Sobre</a></li>
</ul>

I think the solution is doing something with jquery that assigns the class current to the li with the href of the page we are viewing.

I don't know how to do this, but if you understood and know let me know xD

Thanks

ps: of course there are other pages in my website, but if there's not a li with the href of the page begin viewed, the current class will always be pointed in the li of the index.php