【解決したいこと】
ボタンをクリックすると、回答が表示されるようなアコーディオンを作ったのですが、
Andoroid端末だけ、ボタンをクリックしても回答が表示されず、アコーディオン機能が効いておりません。
iphone、ipad、PCブラウザ(IE、FireFox、chromeいずれも最新)は、jsエラーもなく問題なく動作します。
なぜAndoroidだけ動作しないのか、教えていただけないでしょうか。
アコーディオンの方法としては、よくあるやり方で、ボタンをクリックすると、「open」というclassを付与し、display:noneの要素をdisplay:blockにして表示するやり方です。
該当のソースコードは下記です。実際のhtmlを抜粋しておりますが、構造などは変わりません。
よろしくお願いいたします。
HTML
1 <div class="wrap"> 2 <div class="question"> 3 質問 4 </div> 5 <div class="btn"> 6 回答をみる 7 </div> 8 <div class="answer"> 9 回答 10 </div> 11 </div>
```javascript
$(function () {
$('.wrap').click(function(){
var $answer = $(this);
var $answer2 = $(this).children('.answer');
if ($answer.hasClass('open')){
$answer.removeClass('open');
$answer2.slideUp();
$(this).find('.btn').text('回答をみる');
} else {
$answer.addClass('open');
$answer2.slideDown();
$(this).find('.btn').text('回答を閉じる');
}
});
});
```css .answer { display: none; } .open .answer { display: block; }
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2019/11/05 14:41 編集