質問: お世話になります。 Visual Basic 2015 でWebアプリケーションを作っています。 MVC5で、jQuery と Bootstrap3 も多用しています。 JavaScriptの記述で、 $("#sampleCollapse2").collapse('show'); // 開く $("#sampleCollapse2").collapse('hide'); // 閉じる $("#sampleCollapse2").collapse('toggle'); // 開いたり閉じたり のような使い方があるのは判りますが、 $("#sampleCollapse2") が開いている状態なのか、閉じている状態なのかを知りたいのです。 Bootstrap3日本語リファレンス ( http://bootstrap3.cyberlab.info/ ) をみても、状態を知るプロパティは見つかりませんでした。 裏技的な方法も含めて、良い方法があれば教えてください。 よろしくお願いします。
回答: ``` /* 未テスト*/ if ( $( '#sampleCollapse2' ).prop( 'aria-expanded' ) == true ) ) {} // true/false if ( $( '#sampleCollapse2' ).css( 'height' ) != 0 ) ) {} // v3 if ( $( '#sampleCollapse2' ).hasClass( 'in' ) ) ) {} // v4 if ( $( '#sampleCollapse2' ).hasClass( 'show' ) ) ) {} ``` とりあえずデベロッパーツールで状態を確認して、上記のようなもので判断できるかなと思います。 【開発者ツールを使おう! カスタマイズするphpファイルを探す-その1 | RYUS blog】 【Chrome デベロッパーツールの使い方概要 | Web Tips】 【Web関係者は知っておくべきGoogleChromeデベロッパーツールの使い方 | Ocadweb】