<div class="codetitle"> <span><a style="CURSOR: pointer" data="6647" class="copybut" id="copybut6647" onclick="doCopy('code6647')"><u>コードをコピー</u></a></span> コードは次のとおりです:</div> <div class="codebody" id="code6647"> <br><%@ page language="java" contentType= "text/ html; charset=UTF-8" <BR>pageEncoding="UTF-8"%> <BR><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http :// www.w3.org/TR/html4/loose.dtd"> <br><html> <br><head> <br><meta http-equiv="Content-Type" content= "text/ html; charset=UTF-8"> <br><title>jqueryMenu</title> <br><script type="text/javascript" src="js/jquery-1.10.2.js "> </script> <br><script type="text/javascript"> <br>$(document).ready(function(){ <br>var allMenu=$("ul > a "); //すべてのメイン メニューを検索します<br>allMenu.click(function(){ <br>var list=$(this).nextAll('li'); //現在クリックされているメニューのすべての li 兄弟ノードを検索しますノード<br>list.toggle('show'); <br></script> <br><body> ><ul><a href="#">メニュー 1</a><br><li><a href="#">サブメニュー 1</a></li> 🎜><li><a href="#">サブメニュー 2</a></li> <br><ul><a href="#" >メニュー 2</a> <br><li><a href="#">サブメニュー 1</a></li> <br><li>< ">サブメニュー 2</a></li> <br></ul> <br></body> <br></html> <br><br> </div>