PHPでHTMLのメニューのoritatamiを複数段階作成したいです。

お世話になります。

現在FilemakerというデータベースよりPHPを使用してデータをHTMLへ反映させています。
そのプログラムを書く上で、HTMLのメニューのoritatamiを複数段階作成したいです。
データの内容
・[menu1]テーブルには"menu1No"フィールドがあります
・[menu2]テーブルには"menu1No"とリレーションを組むデータがあります
・さらにその下には[menu3]テーブルがあり・・・を繰り返します

実行結果
・HTML上でメニューを作成するためにまずmenu1テーブルのデータを読み込み、それに折りたたみ機能を付け、各menu1Noに付随するmenu2のデータを更に折りたたみメニューとして表示させる。

<?php
    $findCommand_menu1 =& $fm->newFindAllCommand('menu1');
    $result_menu1 = $findCommand_menu1->execute();
    $records_menu1 = $result_menu1->getRecords();
    $record_menu1 = $records_menu1[0];
    foreach ($records_menu1 as $record_menu1) {
     echo "<li>". $record_menu1->getField('menu1No') .'▶'. "</li>";
        #ここからmenu1に付随するmenu2のレコードを検索
               $menu1No = $record_menu1->getField('menu1No.');
                    $findCommand_menu2 =& $fm->newFindCommand('menu2');
                    $findCommand_menu2->addFindCriterion('menu1No.','='.$menu1No);
                    $result_menu2 = $findCommand_menu2->execute();
					if(FileMaker::isError($result_menu2)){
                        
					}
                    else{
                    $records_menu2 = $result_menu2->getRecords();
                    $record_menu2 = $records_menu2[0];
                    foreach ($records_menu2 as $record_menu2) {
                        $menu2No = $record_menu2->getField('menu2No.');
                                                ?>
                    <A HREF="" onclick="oritatami('<?php echo $menu2No; ?>');return false">
                    <div id="<?php echo $menu2No; ?>" style="display:none;">
                   <ul>
                    <?php
                         echo "<li>". $record_menu2->getField('menu2') .'▶'. "</li>"; 
                           echo "</ul>";
                         echo "</div>";
                         echo "</A>";
                    }  
                }                                               
    }?>
</ul>

以上を実行すると、データは出てくるのですが、menu1で得た折りたたみメニューを押しても次の折りたたみメニューがうまく表示されません。

すいませんがご教授お願いいたします。

追記

oritatami＝javascriptで作成したものです

ページのソース

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta content="86400" http-equiv="Expires" >

<script type="text/javascript"><!--
    function oritatami(id){
        obj=(document.all)?document.all(id):((document.getElementById)?document.getElementById(id):null);
        if(obj)	obj.style.display=(obj.style.display=="none")?"block":"none";
    }
</script>
</head>
<body>
<h4><a href=""onclick="oritatami('o1');return false">menu1▶</a></h4>
            <div id="o1">
            <ul>
<li>menu1-1▶</li><li>menu1-2▶</li>
<A HREF="" onclick="oritatami('1');return false">
<div id="1" style="display:none;">
<ul><li>menu1-2-1▶</li></ul></div></A><li>menu1-3▶</li><li>menu1-4▶</li>
</ul>
</div>
</body>
</html>

以上のようになります
今回menu1の配下に付随するのはmenu1-2のみです。
ですので、menu1-2をクリックした時にはmenu1-2-1を表示したいのですがうまくいきません
menu1-1、1-3、1-4には付随するmenu2はないです。

kei344

2016/08/08 02:24

「oritatami」とはどこで定義されているのでしょうか。またそのコードが確認できるURLを提示ください。また、出力されたHTML（ブラウザで「ページのソースを表示」）を質問文に追記ください。

NatsumiOki

2016/08/08 02:24

データは出てくる、ということは・・・HTMLを出力するためのPHPの処理がわからないという質問ではななく、HTMLソースは想定通り出力されるということでしょうか？もしそうであれば、できあがったHTMLのソースを提示したほうがわかりやすいと思います。 oritatami()はFileMakerの機能ですか？

satoshi501

2016/08/08 03:03

返答ありがとうございます。　追記を記入しましたのでよろしくお願いいたします

行動規範の内容に同意します

回答3件

HTMLがめちゃくちゃですね。

<div id="o1">
  <ul>
    <li>menu1-1▶</li>
    <li>menu1-2▶</li>
    <A HREF="" onclick="oritatami('1');return false">
      <div id="1" style="display:none;">
        <ul>
          <li>menu1-2-1▶</li>
        </ul>
      </div>
    </A>
    <li>menu1-3▶</li>
    <li>menu1-4▶</li>
  </ul>
</div>

ulの直下にa要素が入っています。
スクリプトの挙動をあれこれする前にまずはHTMLを正しく出力しないと、まともにDOM操作できないと思います。

投稿2016/08/08 03:47

NatsumiOki

総合スコア1298

皆様ありがとうございます
もう一度HTMLから見直したいと思います

投稿2016/08/08 07:40

satoshi501

総合スコア60

ベストアンサー

動くサンプル：https://jsfiddle.net/rhjbd2zo/2/

HTMLの組み方が正しくないため、a要素に「高さ」が無いため、クリックできなくなっていました。上記サンプルでは無理やり高さを持たせていますが、下記の様な組み方にすれば普通にクリック出来ます。

HTML
1<li>
2	<a href="" onclick="oritatami('1');return false">
3		menu1-2▶
4		<div id="1" style="display:none;"><ul>
5			<li>menu1-2-1▶</li>
6		</ul></div>
7	</a>
8</li>
9```**動くサンプル：**[https://jsfiddle.net/rhjbd2zo/3/](https://jsfiddle.net/rhjbd2zo/3/)