Menu Jquery dynamique

<?php
#/{app}/views/elements/menu.tcp
?>
 
<?php foreach($menus as $menuL1): ?>
<div id="<?php echo $menuL1['Menu']['id'] ?>" class="D-Link-Header">
    <?php echo '| '.$menuL1['Menu']['labelmenu']; ?>
</div>
<div id="<?php echo $menuL1['Menu']['id'] ?>-Link-Items" class="D-Link-Item">
<ul>
<?php foreach($menuL1['Ssmenu'] as $menuL22): ?>
 
<li><a href="#"><?php echo $menuL22['ssmenu']; ?></a></li>
 
<?php endforeach; ?>
</ul>
</div>
<?php endforeach; ?>
 
<script type="text/javascript">
  $(document).ready(function(){
    $(".D-Link-Item").hide();
    $(".D-Link-Header").click (function() {   
         if ($("#"+$(this).attr("id")+"-Link-Items").is(":hidden")){
            $(".D-Link-Item").hide("fast");
            $("#"+$(this).attr("id")+"-Link-Items").show("fast");
        }
    });    
   });
</script>