0
PHPコースのサンプルプロジェクトを作成中です.2つのドロップダウンメニューを備えたサイドバーナビゲーションがあります。ドロップダウンボタンをクリックするたびに、そのメニューのリスト項目は消えていきます。下のgifを見ると、正確に何が起こっているのかを見ることができます。ブートストラップ - ドロップダウンボタンをクリックするとドロップダウンリスト項目が消える
これは、それが唯一のサイド・ナビゲーションです、以下のコードです。ヘッダー、フッター、コンテンツなどの他の部分は他のページにあり、PHPのinclude（）関数を使用してインデックスファイルに含まれています。
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
\t <!-- Brand and toggle get grouped for better mobile display -->
\t <div class="navbar-header">
\t \t <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
\t \t \t <span class="sr-only">Toggle navigation</span>
\t \t \t <span class="icon-bar"></span>
\t \t \t <span class="icon-bar"></span>
\t \t \t <span class="icon-bar"></span>
\t \t </button>
\t \t <a class="navbar-brand" href="index.php">CMS Admin</a>
\t </div>
\t <!-- Top Menu Items -->
\t <ul class="nav navbar-right top-nav">
\t <li><a href="../index.php">Visit Website</a></li>
\t <li class="dropdown">
\t \t \t <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-user"></i>
\t \t \t <?php
\t \t \t \t if(isset($_SESSION['username']))
\t \t \t \t {
\t \t \t \t \t echo $_SESSION['username'];
\t \t \t \t }
\t \t \t ?>
\t \t \t <b class="caret"></b></a>
\t \t \t <ul class="dropdown-menu">
\t \t \t \t <li>
\t \t \t \t \t <a href="#"><i class="fa fa-fw fa-user"></i> Profile</a>
\t \t \t \t </li>
\t \t \t \t <li class="divider"></li>
\t \t \t \t <li>
\t \t \t \t \t <a href="../includes/logout.php"><i class="fa fa-fw fa-power-off"></i> Log Out</a>
\t \t \t \t </li>
\t \t \t </ul>
\t </li>
\t </ul>
\t <!-- Sidebar Menu Items - These collapse to the responsive navigation menu on small screens -->
\t <div class="collapse navbar-collapse navbar-ex1-collapse">
\t \t <ul class="nav navbar-nav side-nav">
\t \t \t <li>
\t \t \t \t <a href="index.php"><i class="fa fa-fw fa-dashboard"></i> Dashboard</a>
\t \t \t </li>
\t \t \t <li>
\t \t \t \t <a href="javascript:;" data-toggle="collapse" data-target="#posts_dropdown"><i class="fa fa-fw fa-sticky-note"></i>Posts <i class="fa fa-fw fa-caret-down"></i></a>
\t \t \t \t <ul id="posts_dropdown" class="collapse">
\t \t \t \t \t <li>
\t \t \t \t \t \t <a href="./posts.php"> View All Posts</a>
\t \t \t \t \t </li>
\t \t \t \t \t <li>
\t \t \t \t \t \t <a href="posts.php?source=add_post">Add Posts</a>
\t \t \t \t \t </li>
\t \t \t \t </ul>
\t \t \t </li>
\t \t \t <li>
\t \t \t \t <a href="./cats.php"><i class="fa fa-fw fa-sitemap"></i> Categories</a>
\t \t \t </li>
\t \t \t <li class="">
\t \t \t \t <a href="comments.php"><i class="fa fa-fw fa-comments"></i> Comments</a>
\t \t \t </li>
\t \t \t <li>
\t \t \t \t <a href="javascript:;" data-toggle="collapse" data-target="#demo"><i class="fa fa-fw fa-users"></i> Users <i class="fa fa-fw fa-caret-down"></i></a>
\t \t \t \t <ul id="demo" class="collapse">
\t \t \t \t \t <li>
\t \t \t \t \t \t <a href="users.php">View All Users</a>
\t \t \t \t \t </li>
\t \t \t \t \t <li>
\t \t \t \t \t \t <a href="users.php?source=add_user">Add User</a>
\t \t \t \t \t </li>
\t \t \t \t </ul>
\t \t \t </li>
\t \t \t <li>
\t \t \t \t <a href="profile.php"><i class="fa fa-fw fa-user-circle-o"></i> Profile</a>
\t \t \t </li>
\t \t </ul>
\t </div>
\t <!-- /.navbar-collapse -->
</nav>
は、CSSの問題のように見えますコード例に問題はありません。 – bassxzero