mootoolsnav - click statt mousover --> Einblendeffekt verschwunden

[lavite-machine]

Sidebar

Hallo zusammen,

ich habe ein Menü in der Sidebar und möchte ebenfalls von dem Aufklappen des Untermenüs bei mouseover auf Aufklappen bei Klicken umschalten. Kann ich das über CSS lösen?

Das aktuelle CSS dazu nachfolgend.

Vielen Dank im Voraus!

Tobias

tyle sheet mainbackup
.mod_mootoolsnav li {
    display:block;
    margin:0 5;
    padding:0 0 0 10px;
    border-style:hidden;
}



.mod_mootoolsnav a:hover,
.mod_mootoolsnav a:focus {
    color:#3d566e;
    background: #eeeeee;
}



.mod_mootoolsnav a.trail,
.mod_mootoolsnav a.active,
.mod_mootoolsnav li > span.trail,
.mod_mootoolsnav li > span.active {
    color:#636363;
    background: #fefefe;
}


.mod_mootoolsnav a,
.mod_mootoolsnav li > span {
    float:none;
    display:block;
    margin-right:10px;
    margin-left:0;
    padding:.75em 1.375em;
    text-decoration:none;
}



.mod_mootoolsnav ul,
 {
    display:block;
    margin:0;
    padding:5px 0 0 20px;
}



.mod_mootoolsnav ul,
 {
    display:block;
    margin:0;
    padding:5px 0 0 20px;
}


.mod_mootoolsnav {
    margin-right:3.55556em;
    padding-left:2%;
    font-size:.88889em;
    color:#636363;
    /* clearfix */	overflow: hidden;
    font-weight: 600;
}

.mod_mootoolsnav {
    position:relative;
    clear:both;
    border:1px solid #e6e6e6;
    background: #f6f6f6;
    background: -webkit-linear-gradient(#fbfbfb, #f1f1f1);
    background: -moz-linear-gradient(#fbfbfb, #f1f1f1);
    background: -o-linear-gradient(#fbfbfb, #f1f1f1);
    background: linear-gradient(#fbfbfb, #f1f1f1);
    -webkit-box-shadow: 0 1px 3px rgba(255, 255, 255, 0.1), inset 0 0 0 1px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 1px 3px rgba(255, 255, 255, 0.1), inset 0 0 0 1px rgba(255, 255, 255, 0.5);
    box-shadow: 0 1px 3px rgba(255, 255, 255, 0.1), inset 0 0 0 1px rgba(255, 255, 255, 0.5);
}



.mod_mootoolsnav a,
.mod_mootoolsnav li > span {
    float:none;
    display:block;
    padding:.35em 1.375em .35em .25em;
    border-left:0px solid #b8b6b6;
    text-decoration:none;
    color: inherit;
    -webkit-box-shadow: inset 1px 0 rgba(255, 255, 255, 0.5);
    -moz-box-shadow: inset 1px 0 rgba(255, 255, 255, 0.5);
    box-shadow: inset 1px 0 rgba(255, 255, 255, 0.5);
}


nav ul.level_2 {
    margin:0;
    padding:0 0 0 15px;
    border-top:0;
    /* clearfix */	overflow: hidden;
    -webkit-box-shadow: 0 1px 3px rgba(255, 255, 255, 0.1);
    -moz-box-shadow: 0 1px 3px rgba(255, 255, 255, 0.1);
    box-shadow: 0 1px 3px rgba(255, 255, 255, 0.1);
}



nav li.home.sibling.first
nav li.submenu.new.sibling
nav a.submenu.new.sibling {
    margin:0;
    padding:0;
    border-top:0;
    /* clearfix */	overflow: hidden;
    -webkit-box-shadow: 0 1px 3px rgba(255, 255, 255, 0.1);
    -moz-box-shadow: 0 1px 3px rgba(255, 255, 255, 0.1);
    box-shadow: 0 1px 3px rgba(255, 255, 255, 0.1);
}



nav li,
ul,
ol,
level_2 {
    display:block;
    margin:0;
    padding:0;
    text-align:left;
    border-top:0;
    /* clearfix */	overflow: hidden;
    -webkit-box-shadow: 0 1px 3px rgba(255, 255, 255, 0.1);
    -moz-box-shadow: 0 1px 3px rgba(255, 255, 255, 0.1);
    box-shadow: 0 1px 3px rgba(255, 255, 255, 0.1);
}


sidebar li,
ul,
ol,
level_2 {
    display:block;
    margin:0;
    padding:0;
    text-align:left;
}