Jquery liste déroulante

Bonjour,

J'ai crée une liste déroulante !

fichier js

Code:

1
2
3
4
5
6
7
8
9
10
11
12
 
		$(document).ready(function(){
			$("#maliste ul").hide();
			$("#maliste>li>a").click(function() {
				$(this).next("ul").slideToggle();
			});
 
			$("#malisteS>li>a").click(function() {
				$(this).next("ul").slideToggle();
			});		
 
		});

--------------------------------------------------------------------------------------------------

fichier html

Lorsqu'on clique sur Movimenti -> l'UL se déroule correctement.

mais lorsque je clique sur 20 SECOLO, rien ne se passe ?

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
<div class="row">
        <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
        	<ul id="maliste">
        		<li><a href="#">MOVIMENTI</a>
        			<ul id="malisteS">        		
        				<li><a href="tascaM3.php">19 SECOLO</a></li> 
        				<li><a href="#">20 SECOLO</a></li> 
        					<ul>
        						<li href="tascaM2.php">UOMO</li>
        						<li href="tascaM2D.php">DONNA</li>
        					</ul>
        			</ul> 
        		</li>        		
        	</ul>     	
        </div>             
      </div>
    </div>