<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
<html xmlns="http://www.w3.org/1999/xhtml"
|
xmlns:wicket="http://wicket.apache.org/dtds.data/wicket-xhtml1.3-strict.dtd"
|
xml:lang="en"
|
lang="en">
|
|
<wicket:head>
|
<script src="jquery.min.js" type="text/javascript" ></script>
|
<script type="text/javascript">
|
|
function clearMenu() {
|
// hide the menu
|
$('a.menu, .dropdown-toggle').parent('li').removeClass('open')
|
}
|
|
$(document).ready(function() {
|
// hide menu when clicking anywhere else in page
|
$('html').bind('click', clearMenu)
|
$('a.menu, .dropdown-toggle').click(
|
function (e) {
|
var $li = $(this).parent('li').toggleClass('open');
|
return false;
|
}
|
);
|
});
|
</script>
|
</wicket:head>
|
|
<wicket:panel>
|
<a class="menu" href=""><span wicket:id="label">label</span></a>
|
<ul class="menu-dropdown">
|
<li wicket:id="menuItems"><span wicket:id="menuItem">[MenuItem]</span></li>
|
</ul>
|
</wicket:panel>
|
</html>
|
