基礎的なことでしたらすみませんがお願いします。
長文テキスト(.text)をタブレット幅以下ではslideToggleを使いアコーディオンにしていますが、
開閉させると.textのインラインにdisplay:noneが付いたままになるため、
そこからPC幅に拡げると長文テキストが表示されなくなってしまいます。
なのでアコーディオンを閉じた後にこのdisplay:noneを剥がしたいのですが、
どのような方法があるのでしょうか?
$('.btn').click( function(){
var index = $('.btn').index(this);
$('.text').eq(index).slideToggle();
});
5 件の回答
jQueryのanimate系ではなくCSSで行う
js でメディアクエリしたらええ。
$(window).on('resize', function(){
if (window.matchMedia('(min-width:640px)').matches) {
$('.text').removeAttr('style');
}
});
とりあえず、CSSを基礎から学んだほうがいいと思うよ。
そのぐらいは普通のjsで書き直しても大した事ないから、僕ならcss+jsで書き直す
潔く諦める