4

私はブートストラップが初めてで、それについて質問があります

このようなドロップダウンメニューのナビゲーションバーのコードがある場合

<div class="navbar-collapse collapse">
    <li class="dropdown">
        <a href="#" class="dropdown-toggle" data-toggle="dropdown">Menu <b class="caret"></b></a>
        <ul class="dropdown-menu">
            <li><a href="#menu1">menu 1</a></li>
            <li><a href="#menu2">menu 2</a></li>
            <li><a href="#menu3">menu 3</a></li>
        </ul>
</div>

メニューの 1 つをクリックすると、「www. ...../#menu1」のようなリンクが含まれます。

問題は、クリックするだけでコンテンツをメニューに表示したい場合、どうすればよいですか?

<div class="container">
    <!-- my rough idea is like this-->
    <div id="#menu1"> content from menu 1</div>
    <div id="#menu2"> Content from menu 2</div>
    <div id="#menu3"> Content from menu 2</div>
</div>

何度も試しましたが、まだ両方のデータが表示されています。このように(ブートストラップから)JavaScriptからインクルードしました

<script src="https://code.jquery.com/jquery-1.10.2.min.js"></script>
<script src="../bootstrap/js/bootstrap.min.js"></script>
4

1 に答える 1