ドロップダウンを開いた状態でページを読み込む方法 ≪ ドロップダウン ≪ JavaScript ≪ Bootstrap3日本語リファレンス

ページ読み込み時に、toggleメソッドを指定してJavaScriptで開くことで、ドロップダウンを開いた状態でページを読み込むことができる。

サンプル

ソースコード

HTML

<div class="dropdown">
	<button type="button" id="sampleButton" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
		ドロップダウン
		<span class="caret"></span>
	</button>
	<ul class="dropdown-menu" role="menu">
		<li role="presentation"><a href="#">リンクのリスト１</a></li>
		<li role="presentation"><a href="#">リンクのリスト２</a></li>
		<li role="presentation"><a href="#">リンクのリスト３</a></li>
	</ul>
</div>

JavaScript

<script>
$( function() {
	$('#sampleButton').dropdown('toggle');
} );
</script>

このJavaScriptコードは、jquery.min.jsを読み込んだ後に配置する必要がある。