• F
    User Newbie •

    jquery - problema menu accordion

    Ciao sto realizzando un sito, ma ho un problema col menu accordion, vorrei che una volta cliccatoci sopra rimanesse in memoria quale tab è stato aperto, il codice del menu è questo:

    **
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    
    <title>Accordion</title>
    <script src="menu/js/jquery-1.2.1.min.js" type="text/javascript"></script>
    <script>
    
        function initMenu() {
  $('#accordion ul').hide();
  $('#accordion ul:first').hide();
  $('#accordion li a').click(
    function() {
      var checkElement = $(this).next();
      if((checkElement.is('ul')) && (checkElement.is(':visible'))) {
        return false;
        }
      if((checkElement.is('ul')) && (!checkElement.is(':visible'))) {
        $('#accordion ul:visible').slideUp('normal');
        checkElement.slideDown('normal');
        return false;
        }
      }
    );
  }
$(document).ready(function() {initMenu();});
</script>
    <style>
    
    /* First Level UL List */
    #accordion {
        margin:0;
        padding:0;    
        list-style:none;
    }
    
        li {
            width:189px;
        }
    
        li a {
            display: block;
            width: 190px;
            height: 30px;    
            text-indent:-999em;
            outline:none;
        }
        
        /* Using CSS Sprite for menu item */
        li a.home {
            background:url(menu/01.jpg) no-repeat 0 0;    
        }

        li a.home:hover, .popularOver {
            background:url(menu/01.jpg) no-repeat -190px 0 !important;    
        }
            li a.info {
            background:url(menu/02.jpg) no-repeat 0 0;    
        }

        li a.info:hover, .popularOver {
            background:url(menu/02.jpg) no-repeat -190px 0 !important;    
        }
            li a.eventi {
            background:url(menu/03.jpg) no-repeat 0 0;    
        }

        li a.eventi:hover, .popularOver {
            background:url(menu/03.jpg) no-repeat -190px 0 !important;    
        }
            li a.community {
            background:url(menu/06.jpg) no-repeat 0 0;    
        }

        li a.community:hover, .popularOver {
            background:url(menu/06.jpg) no-repeat -190px 0 !important;    
        }
            li a.fazioni {
            background:url(menu/07.jpg) no-repeat 0 0;    
        }

        li a.fazioni:hover, .popularOver {
            background:url(menu/07.jpg) no-repeat -190px 0 !important;    
        }
            li a.regolamenti {
            background:url(menu/08.jpg) no-repeat 0 0;    
        }

        li a.regolamenti:hover, .popularOver {
            background:url(menu/08.jpg) no-repeat -190px 0 !important;    
            
        }
            li a.campagna {
            background:url(menu/09.jpg) no-repeat 0 0;    
        }

        li a.campagna:hover, .popularOver {
            background:url(menu/09.jpg) no-repeat -190px 0 !important;    
        }
            
            li a.iscrizione {
            background:url(menu/05.jpg) no-repeat 0 0;    
        }

        li a.iscrizione:hover, .popularOver {
            background:url(menu/05.jpg) no-repeat -190px 0 !important;    
        }
            li a.links {
            background:url(menu/12.jpg) no-repeat 0 0;    
        }

        li a.links:hover, .popularOver {
            background:url(menu/12.jpg) no-repeat -190px 0 !important;    
        }
            li a.gallery {
            background:url(menu/04.jpg) no-repeat 0 0;    
        }

        li a.gallery:hover, .popularOver {
            background:url(menu/04.jpg) no-repeat -190px 0 !important;    
        }
            li a.shop {
            background:url(menu/11.jpg) no-repeat 0 0;    
        }

        li a.shop:hover, .popularOver {
            background:url(menu/11.jpg) no-repeat -190px 0 !important;    
        }
            li a.sponsor {
            background:url(menu/10.jpg) no-repeat 0 0;    
        }

        li a.sponsor:hover, .popularOver {
            background:url(menu/10.jpg) no-repeat -190px 0 !important;    
        }
        
        
        
        
        /* Second Level UL List*/
        ul {
            background:url(menu/bg.png) repeat-y 0 0;
            width:190px;
            margin:0;
            padding:0;
            display:none;    
        }
        
            ul li {
                height:30px;
            }
            
            /* styling of submenu item */
            ul li a {
                width:180px;
                height:28px;
                margin-left:15px;
                padding-top:5px;
                border-bottom: 1px dotted #777;
                text-indent:0;
                color:#ccc;
                text-decoration:none;
            }

            /* remove border bottom of the last item */
            ul li a.last {
                border-bottom: none;
            }        
        
    </style>
    
</head>
<body>
<ul id="accordion">
<li>
        <a href="index.php" class="item home" rel="home">Home</a>
            </li>
            <li>
        <a href="#" class="item info" rel="info">Info</a>
        <ul>
            <li><a href="index.php/gli-eventi">Gli Eventi</a></li>
            <li><a href="index.php/cose-il-larp">Cos'è il LARP?</a></li>
            <li><a href="index.php/contatti">Contatti</a></li>
            <li><a href="index.php/come-arrivare">Come Arrivare</a></li>
            <li><a href="index.php/il-nostro-pensiero" class="last">Il nostro pensiero</a></li>
        </ul>
    </li>
        <li><a href="#" class="item eventi" rel="eventi">Gli Eventi</a>
        <ul>
            <li><a href="index.php/battle-for-vilegis-2013">Battle for Vilegis 2013</a></li>
            <li><a href="index.php/echoes-of-war-2013">Echoes of War 2013</a></li>
            <li><a href="#" class="last">_______</a></li>
        </ul>
            </li>
            <li>
        <a href="index.php/gallery-2" class="item gallery" rel="gallery">Gallery</a>
        <ul>
            <li><a href="index.php/fan-art" class="last">Fan Art</a></li>
        </ul>
            </li>
            <li>
        <a href="#" class="item iscrizione" rel="iscrizione">Iscrizione</a>
        <ul>
            <li><a href="index.php/personaggi">Personaggi</a></li>
            <li><a href="index.php/new-player">New Player</a></li>
            <li><a href="index.php/tende-in-game">Tende In Game</a></li>
            <li><a href="index.php/nexus">Nexus</a></li>
            <li><a href="index.php/stand-commerciali">Stand Commerciali</a></li>
            <li><a href="index.php/visitatori" class="last">Visitatori</a></li>
        </ul>
    </li>
             <li>
        <a href="#" class="item community" rel="community">Community</a>
        <ul>
            <li><a href="index.php/articoli">Articoli & Rubriche</a></li>
            <li><a href="index.php/fb-official-page">FB Official Page</a></li>
            <li><a href="index.php/social-network">Social Networks</a></li>
        </ul>
    </li>
         <li>
        <a href="index.php/fazioni" class="item fazioni" rel="fazioni">Fazioni</a>
        <ul>
            <li><a href="index.php/altea">Altea</a></li>
            <li><a href="index.php/brandis">Brandis</a></li>
            <li><a href="index.php/radiant">Radiant</a></li>
            <li><a href="index.php/soldraconis">Soldraconis</a></li>
            <li><a href="index.php/nexus" class="last">Nexus</a></li>
        </ul>
    </li>
           <li>
        <a href="#" class="item regolamenti" rel="regolamenti">Regolamenti</a>
        <ul>
            <li><a href="index.php/intro">Introduzione</a></li>
            <li><a href="index.php/manuale-di-gioco">Manuale di Gioco</a></li>
            <li><a href="index.php/manuale-accademie">Manuale delle Accademie</a>
            <li><a href="index.php/guida-dei-materiali" class="last">Guida dei Materiali</a></li>
        </ul>
    </li>
          <li>
        <a href="#" class="item campagna" rel="campagna">Campagna</a>
        <ul>
            <li><a href="index.php/b4v-concept">B4V Concept</a></li>
            <li><a href="index.php/eventi-recenti">Eventi recenti</a></li>
            <li><a href="index.php/cronistoria-di-vilegis">Cronistoria di Vilegis</a></li>
            <li><a href="index.php/casate">Le Casate</a></li>
            <li><a href="index.php/accademie">Le Accademie</a></li>
            <li><a href="index.php/pantheon">Il Pantheon</a></li>
            <li><a href="index.php/storia-re">Storia di un Re</a></li>
            <li><a href="index.php/background-gruppi" class="last">Background Gruppi</a></li>
        </ul>
    </li>
       <li>
        <a href="#" class="item sponsor" rel="sponsor">Sponsor</a>
        <ul>
            <li><a href="index.php/mytholon">Mytholon</a></li>
            <li><a href="index.php/bc">BC</a></li>
            <li><a href="index.php/imperat">Imperat</a></li>
            <li><a href="index.php/fucina-del-drago">La Fucina del Drago</a></li>
            <li><a href="index.php/parche">Le Parche</a></li>
            <li><a href="index.php/leather-lab">Leather Lab</a></li>
            <li><a href="index.php/narsilion">Narsilion</a></li>
            <li><a href="index.php/iron-ring" class="last">The Iron Ring</a></li>
        </ul>
    </li> 
      <li>
        <a href="#" class="item shop" rel="shop">B4V Shop</a>
        <ul>
            <li><a href="index.php/shirt">T-shirt</a></li>
            <li><a href="index.php/photo-album" class="last">Photo album</a></li>
        </ul>
            </li>      
     <li>
        <a href="index.php/links" class="item links" rel="links">Links</a>
        </li>    
                 
    </ul>
</body>
</html>**

    Inoltre vorrei anche che le categorie gallery e fazioni al click aprissero una pagina nella stessa finestra del browser e il menu rimanesse aperto con le loro sottocategorie in vista.
    Spero di essere riuscito a farmi capire.
    Grazie in anticipo a chi sapra' aiutarmi

    0
Effettua l'accesso per rispondere