mandrake_01
12-12-2011, 16:56
Ciao,
sto utilizzando un accordion menu fatto in questo modo
<ul class="nav">
Item 1 (#)
Item 2 (#)
Item 3 (#)
<ul>
Sub-Item 3 a (#)
Sub-Item 3 b (#)
Sub-Item 3 c (#)
Sub-Item 3 d (#)
[/list]
Item 4 (#)
<ul>
Sub-Item 4 a (#)
Sub-Item 4 b (#)
Sub-Item 4 c (#)
[/list]
[/list]
ul.nav {
float: left;
width: 280px;
background: #fff;
list-style: none;
text-align: right;
font-family: Arial, Verdana;
font-size: 45px;
text-transform:uppercase;
}
ul.nav li a {
display: block;
padding: 5px 5px;
text-decoration: none;
color: #000;
}
ul.nav li ul {
list-style: none;
font-family: Arial, Verdana;
font-size: 15px;
display: none;
}
ul.nav li a:hover, ul.nav li a.active {
background: #ff9933;
color: #fff;
}
ul.nav li ul li a:hover, ul.nav li ul li a.active {
background: none;
color: #ff9933;
}
$(document).ready(function () {
$('.nav > li > a').click(function(){
if ($(this).attr('class') != 'active'){
$('.nav li ul').slideUp();
$(this).next().slideToggle();
$('.nav li a').removeClass('active');
$(this).addClass('active');
}
});
});
Il menu viene incluso in ogni pagina del mio sito che scorro attraverso la classe page1, page2, ecc..
Vorrei mantenere lo stato del menu quando cambio pagina, ho provato a fare qualche modifica ma non ci sono riuscito, qualcuno mi da qualche suggerimento su come farlo?
Grazie 1000!
sto utilizzando un accordion menu fatto in questo modo
<ul class="nav">
Item 1 (#)
Item 2 (#)
Item 3 (#)
<ul>
Sub-Item 3 a (#)
Sub-Item 3 b (#)
Sub-Item 3 c (#)
Sub-Item 3 d (#)
[/list]
Item 4 (#)
<ul>
Sub-Item 4 a (#)
Sub-Item 4 b (#)
Sub-Item 4 c (#)
[/list]
[/list]
ul.nav {
float: left;
width: 280px;
background: #fff;
list-style: none;
text-align: right;
font-family: Arial, Verdana;
font-size: 45px;
text-transform:uppercase;
}
ul.nav li a {
display: block;
padding: 5px 5px;
text-decoration: none;
color: #000;
}
ul.nav li ul {
list-style: none;
font-family: Arial, Verdana;
font-size: 15px;
display: none;
}
ul.nav li a:hover, ul.nav li a.active {
background: #ff9933;
color: #fff;
}
ul.nav li ul li a:hover, ul.nav li ul li a.active {
background: none;
color: #ff9933;
}
$(document).ready(function () {
$('.nav > li > a').click(function(){
if ($(this).attr('class') != 'active'){
$('.nav li ul').slideUp();
$(this).next().slideToggle();
$('.nav li a').removeClass('active');
$(this).addClass('active');
}
});
});
Il menu viene incluso in ogni pagina del mio sito che scorro attraverso la classe page1, page2, ecc..
Vorrei mantenere lo stato del menu quando cambio pagina, ho provato a fare qualche modifica ma non ci sono riuscito, qualcuno mi da qualche suggerimento su come farlo?
Grazie 1000!