-
1:ID:/57d/c · 2019-05-29

基礎的なことでしたらすみませんがお願いします。
長文テキスト(.text)をタブレット幅以下ではslideToggleを使いアコーディオンにしていますが、
開閉させると.textのインラインにdisplay:noneが付いたままになるため、
そこからPC幅に拡げると長文テキストが表示されなくなってしまいます。
なのでアコーディオンを閉じた後にこのdisplay:noneを剥がしたいのですが、
どのような方法があるのでしょうか?

$('.btn').click( function(){
var index = $('.btn').index(this);
$('.text').eq(index).slideToggle();
});

5 件の回答

2:ID:F5TVp1 · 2019-05-30

jQueryのanimate系ではなくCSSで行う

3:ID:Lc6M5F · 2019-05-30

js でメディアクエリしたらええ。

$(window).on('resize', function(){
if (window.matchMedia('(min-width:640px)').matches) {
$('.text').removeAttr('style');
}
});

4:ID:g94tm0 · 2019-05-30

とりあえず、CSSを基礎から学んだほうがいいと思うよ。

5:ID:5FLgFP · 2019-05-30

そのぐらいは普通のjsで書き直しても大した事ないから、僕ならcss+jsで書き直す

6:ID:YnQNtM · 2019-05-30

潔く諦める

コメントの受付は終了しました。

一緒に読まれている質問

ページ上部に戻る