link rel="stylesheet" href="jquery-ui-1.12.1/jquery-ui.css"> q03 jquery ui menu

h1 jQuery UI menu example q03

Source /home/ch45859/web/wlkl.ch/public_html/inf/js/q03menu.php

<html>
 <head>
    <!-- ohne den Viewport bekomme ich auch auf dem Handy viel zu viele Pixel -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=3.0, user-scalable=yes"/>

<script src="jquery-3.2.1/jquery.js"></script>
<script src="jquery-ui-1.12.1/jquery-ui.js"></script> 
link rel="stylesheet" href="jquery-ui-1.12.1/jquery-ui.css">
<link rel="stylesheet" href="jquery-ui-1.12.1/jquery-ui.theme.css">  
<!--   <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/smoothness/jquery-ui.css">-->

  <style>
  .ui-menu {
    width: 100px;
  }
  </style>
<!--  <script src="//code.jquery.com/jquery-1.12.4.js"></script>
  <script src="//code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
-->  <script>
$().ready(function () {
    $('#menu1').menu(); 
    // alert('menu1 done');
    });

</script>
 

  <title>q03 jquery ui menu </title>
 </head>
<body>
<h1>h1 jQuery UI menu example q03</h1>
    <ul id='menu1'>
        <li><div><a href="../php/e05GetServer.php?von=eins&in=js/q03menu">eins</a></div></li>
        <li><div><a href="../php/e05GetServer.php?von=zwei&in=js/q03menu">zwei</a></div>
            <ul>
                <li><div><a href="../php/e05GetServer.php?von=21&in=js/q03menu">21</a></div></li>
                <li><div><a href="../php/e05GetServer.php?von=22&in=js/q03menu">22</a></div>
                    <ul><li><div><a href="../php/e05GetServer.php?von=221&in=js/q03menu">221</a></div></li><li><div>222</div></li><li><div>223</div></li></ul>
                </li>
                <li><div>23</div></li>
            </ul>
        </li>
        <li><div>drei</div></li>
    </ul>

<h1>Source <?php echo __file__; ?> </h1>
<?php highlight_file(__file__) ?>
 </body>
</html>