Javaに関する様々な情報をご紹介します。

Javaに関する様々な情報をご紹介します。
評価

0

アコーディオンがサンプル通りいきません。私の操作が悪いのでしょうか?作者の方に問題があるのでしょうか。

iQueryでacordionメニューを作成していますが、なぜかう
まくいきません。
http://php.o0o0.jp/article/jquery-multiaccordion の
HPを見て同じことをしているつもりなのですが出力される

メニュー 1 メニュー 2 メニュー 3
と横並びしてしまいます。
また、矢印も出力されません。
HPのご本人にお問い合わせの連絡したいのですが、連絡先
が見つからずここで質問させて頂いた次第です。
以下のように作成したいのですが、
http://php.o0o0.jp/article/jquery-multiaccordion
のようにうまくいきません。
何がいけないのかご指摘頂けないでしょうか。
恐れ入りますがよろしくお願い致します。
※ブラウザはクロームを使用しています。

●index.html:
<!doctype html>
<html lang="ja">
<head>
  <link rel="stylesheet" href="css/mobile.css" 
type="text/css">
  <meta charset="utf-8" />
  <title>jQuery UI Accordion</title>

  <script src="http://code.jquery.com//jquery-
2.1.4.js"></script>
  <script 
src="http://http://code.jquery.com/ui/1.11.4/jquery-
ui.js"></script>

  <script>
$(function () {
  // 親メニュー処理
  $('span').click(function() {
    // メニュー表示/非表示
    $(this).next('ul').slideToggle('fast');
  });

  // 子メニュー処理
  $('li').click(function(e) {
    // メニュー表示/非表示
    $(this).children('ul').slideToggle('fast');
    e.stopPropagation();
  });
});
  </script>

</head>

<span>メニュー 1</span>
<ul>
<li>メニュー 1-1
  <ul>
  <li>メニュー 1-1-1
    <ul>
    <li><a href="#">メニュー 1-1-1-1</a></li>
    <li><a href="#">メニュー 1-1-1-2</a></li>
    <li><a href="#">メニュー 1-1-1-3</a></li>
    </ul>
  </li>
  <li>メニュー 1-1-2
    <ul>
    <li><a href="#">メニュー 1-1-2-1</a></li>
    <li><a href="#">メニュー 1-1-2-2</a></li>
    <li><a href="#">メニュー 1-1-2-2</a></li>
    </ul>
  </li>
  </ul>
</li>
<li>メニュー 1-2
  <ul>
  <li>メニュー 1-2-1
    <ul>
    <li><a href="#">メニュー 1-2-1-1</a></li>
    <li><a href="#">メニュー 1-2-1-2</a></li>
    <li><a href="#">メニュー 1-2-1-3</a></li>
    </ul>
  </li>
  <li>メニュー 1-2-2
    <ul>
    <li><a href="#">メニュー 1-2-2-1</a></li>
    <li><a href="#">メニュー 1-2-2-2</a></li>
    <li><a href="#">メニュー 1-2-2-2</a></li>
    </ul>  
  </li>
  </ul>
</li>
<li>メニュー 1-3
  <ul>
  <li>メニュー 1-3-1
    <ul>
    <li><a href="#">メニュー 1-3-1-1</a></li>
    <li><a href="#">メニュー 1-3-1-2</a></li>
    <li><a href="#">メニュー 1-3-1-3</a></li>
    </ul>
  </li>
  <li>メニュー 1-3-2
    <ul>
    <li><a href="#">メニュー 1-3-2-1</a></li>
    <li><a href="#">メニュー 1-3-2-2</a></li>
    <li><a href="#">メニュー 1-3-2-2</a></li>
    </ul>  
  </li>
  </ul>
</li>
</ul>
<span>メニュー 2</span>
<ul>
<li>メニュー 2-1
  <ul>
  <li><a href="#">メニュー 2-1-1</a></li>
  <li><a href="#">メニュー 2-1-2</a></li>
  <li><a href="#">メニュー 2-1-3</a></li>
  </ul>
</li>
<li>メニュー 2-2
  <ul>
  <li><a href="#">メニュー 2-2-1</a></li>
  <li><a href="#">メニュー 2-2-2</a></li>
  <li><a href="#">メニュー 2-2-3</a></li>
  </ul>
</li>
<li>メニュー 2-3
  <ul>
  <li><a href="#">メニュー 2-3-1</a></li>
  <li><a href="#">メニュー 2-3-2</a></li>
  <li><a href="#">メニュー 2-3-3</a></li>
  </ul>
</li>
</ul>
<span>メニュー 3</span>
<ul>
<li><a href="#">メニュー 3-1</a></li>
<li><a href="#">メニュー 3-2</a></li>
<li><a href="#">メニュー 3-3</a></li>
</ul>

●mobile.cssul {
  display: none;
}

span {
  cursor: pointer;
}

li {
  cursor: pointer;
}

4

回答

4611

閲覧

4件の回答

評価

0

それってJavaScriptだよ。

評価

0

ご連絡ありがとうございます。
すみません、私のレベルが低くてご指摘頂いたことでどのよ
うに変更すべきか理解できません(大変申し訳ありませ
ん)。
どのように変更すれば良いかご指導頂けないものでしょう
か。
よろしくお願い致します。

評価

0

ここはJavaの掲示板であって、JavaScriptのではないとい
うこと。
質問する場所が違う。

評価

0

申し訳ありませんでした。。。

質問から6ヶ月以上経過しているので、回答を書き込むことはできません。