.hide()がjquery uiアコーディオン内の要素で機能しないのはなぜですか?への呼び出しの前は機能しますが$("#accordion").accordion()
、後は機能しません。.show()メソッドは、前後で正常に機能します。.toggle()メソッドは半分しか機能しません(show部分のみ)。
<html>
<head>
<link href="jquery-ui-1.9.1.custom/css/ui-lightness/jquery-ui-1.9.1.custom.css" rel="stylesheet">
<script src="jquery-ui-1.9.1.custom/js/jquery-1.8.2.js"></script>
<script src="jquery-ui-1.9.1.custom/js/jquery-ui-1.9.1.custom.js"></script>
<script>
$(function()
{
//$("#inside").hide("fade"); /* <-- this does work */
$("#accordion").accordion();
$("#inside").hide("fade"); /* <-- but this doesn't */
});
</script>
</head>
<body>
<div id="accordion">
<h3>Page 1</h3>
<div id="page1">Blah</div>
<h3>Page 2</h3>
<div id="page2">
<div id="inside">Blah too</div>
</div>
</div>
</body>
</html>
別の方法で解決する方法だけでなく、さらに重要なことに、なぜこのように機能しないのかを説明してください。