Question

it’s me again!!

Now.. i don’t know what i’m doing wrong with this Switch Case… can help me?

When i click in some LINK, the alert dont apear…

this is my HTML:

    <div class="menu-site">
        <ul class="topo-menu" id="topo-menu">
            <li id="aabruzzo">a abruzzo</li>
            <li id="catalogo">catálogo</li>
            <li id="conceito">conceito inverno</li>
            <li id="representantes">representantes</li>
            <li id="clipping">clipping</li>
            <li id="loja">loja</li>
            <li id="contato" class="sem-right">contato</li>
        </ul>
    </div>

this is my javascript:

jQuery(document).ready(function(){


        var sections = $("#topo-menu li");
        var loading = $("#loading"); 
        var content = $("#content");

        sections.click(function(){
            switch(this.id){
                case 'aabruzzo':
                    alert("teste");
                    break;
                case "catalogo":
                    alert("teste");
                    break;
                case "conceito":
                    alert("teste");
                    break;
                case "representantes":
                    alert("teste"););
                    break;
                case "clipping":
                    alert("teste");
                    break;
                case "loja":
                    alert("teste");
                    break;
                case "contato":
                    alert("teste");
                    break;                        
                default:
                    hideLoading();
                    break;
            }
            });

i have this fiddle

Answer 1

Ditch the # in the id here: (its jquery notation and not a legal id start character);

<ul class="topo-menu" id="#topo-menu">

and fix the extra ); here:

alert("teste"););

You also look for case "aabruzzo" but the id is "aabruzo" (in your fiddle)