jQuery
/
hide.html

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<script src="js/jquery.js" type="text/javascript" charset="utf-8"></script>
		<style>
		ul{
			list-style: none;
		}
		ul>li{
			font-size: 34px;
		}
				.num {
				color: yellow;
				font-size: 24px;
				float: left;
				display: block;
			}
		</style>
	</head>

	<body bgcolor="#DEB887">
		<nav>
		<ul>
			<li>1
				<ul class="num">
					<li>1.1</li>
					<li>1.2</li>
					<li>1.3</li>
					<li>1.4</li>
					<li>1.5</li>
				</ul>
			</li>
			<li>2
				<ul class="num">
					<li>2.1</li>
					<li>2.2</li>
					<li>2.3</li>
					<li>2.4</li>
					<li>2.5</li>
				</ul>
			</li>
			<li>3
				<ul class="num">
					<li>3.1</li>
					<li>3.2</li>
					<li>3.3</li>
					<li>3.4</li>
					<li>3.5</li>
				</ul>
			</li>
			<li>4
				<ul class="num">
					<li>4.1</li>
					<li>4.2</li>
					<li>4.3</li>
					<li>4.4</li>
					<li>4.5</li>
				</ul>
			</li>
			</nav>
	</body>
	<script type="text/javascript">
		$(nav>ul).hide();
		/*$(body).click(function() {
		})*/
	</script>

</html>