jQuery(1) - Fedora 39(はてな)

jQuery は javascript のライブラリです。

開閉式のメニューを作成したりできます。jQuery 1.2.6 日本語リファレンスの「APIリファレンス」をクリックすると開閉します

<html>

<head>
<script type="text/javascript" src="jquery-1.2.6.js"></script>
<script><!--
$(document).ready(function(){
  $('#navi > h4').click(function(){
    // 引数には開閉する速度を指定します
    $(this).next().slideToggle('fast');
  });
});
//-->
</script>
</head>

<body>
<div id="navi">
<h4>API</h4>
<ul class="sub">
<li><a href="/jquery/api/core/">Core</a></li>
<li><a href="/jquery/api/selectors/">Selectors</a></li>
<li><a href="/jquery/api/attributes/">Attributes</a></li>
<li><a href="/jquery/api/traversing/">Traversing</a></li>
<li><a href="/jquery/api/manipulation/">Manipulation</a></li>
<li><a href="/jquery/api/css/">CSS</a></li>

<li><a href="/jquery/api/events/">Events</a></li>
<li><a href="/jquery/api/effects/">Effects</a></li>
<li><a href="/jquery/api/ajax/">Ajax</a></li>
<li><a href="/jquery/api/utilities/">Utilities</a></li>
</ul>
</div>

<h4>AAA</h4>
</body>

</html>

上記をhtmlで保存して、
Download jQuery 1.2.6 (97kb, Uncompressed) を同じフォルダに入れて、htmlを開くと、開閉できます。開閉式のメニューを作る - jQuery 1.2.6 日本語リファレンス(左のAPIをクリックすると開閉します)