link rel="stylesheet" href="jquery-ui-1.12.1/jquery-ui.css">
<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>