メモ jQueryについて 1.対象がクリックされたら、開きたい時に「slideDown()」を選択して、閉じたい時に「slideUp()」で処理。 また、slideToggle()」を使うと、開いている時は閉じて、閉じている時は開く、といったことも可能。

中級編Day23__2 アコーディオンのjQueryをslideToggleで書いた。 if文いらないから短くなった。 $(".js-accordion").on("click", function (e) { e.preventDefault(); $(this).parent().toggleClass("is-open");　 $(this).next().slideToggle(); }); #デイトラ #WEB制作デイトラ #WEB制作

# 4 最後の授業 ・農園サイト見直し ・自作ドロップダウンとCF7 ・SFTP ローカルとリモート ・scssフォルダとcssフォルダ ・accordion -> slideToggle() php、wordpress、ループ、scss、sftp、perfect pixel、BEM記法、etc… 1ヶ月のプログラムでだいぶ知識が広がりました！💡 #web制作 #AーTECH

🌟2024.05.20 💡やったこと 《模写課題》レスポンシブ対応 計: 0時間30分 ✍️感想 ハンバーガーメニューを展開した後のサブメニューの表示部分のスタイリング完了 後はjQueryでクラスの付けはずしやslideToggleなどで動きを作っていく #RaiseTech #BuildUpDaily

【jQuery】アコーディオン 開く →slideDown() 閉じる →slideUp() 開いている時は閉じ、閉じている時は開く →slideToggle() #デイトラ #Web制作

初級　DAY18 jQuery② 　　　DAY19 アニメーション（アコーディ 　　　オンメニューまで） 📖2.5h ・「ボタンクリックでアラートを表示する」 直前でやったのでjQueryは👍 ・アコーディオンメニュー .next() .slideToggle()忘れないように！ #デイトラ

#デイトラWeb制作　25日目 (Total:52.5h) ☑︎ #朝活　4:00〜6:00 jQueryのTOPへ戻るボタンの実装 fadeIn\fadeOutなので CSS のdisplay:noneは不要でした 前日までのslideToggleと混同していて 少し時間をとかしましたがなんとかできました😊

返信先:@8810_tomoわぁ(⑅︎ ॣ•͈૦•͈ ॣ)わざわざご丁寧に‥歴16年の大ベテランの方なんですね😧‼️ slideToggleすごく伝わりました🧠ありがとうございます･ﾟ･(ﾉ∀︎`*)･ﾟこの手はCSSの入力もかなり多いですよね‥手の空いた時に必ず実装させてみます✊

#デイトラWeb制作　23日目 (Total:48h) ☑︎ #朝活　3:30〜6:00 Chat GPTの学習と Day21のドロワーメニュー display:noneコメントアウトの状態ではクリック→各写真に飛ぶ display:none だとslideToggle ...しない😭 んー！！！😫🔥 さあ考えよ！と気合い入れたところで子供たち起きてきました🥹

【DAY21/22】jQuery復習 本日も検証ツールが相棒です💻英単語を思い出しながら調べながら、新しいYouTubeチャンネルと出会いながら☺️ 少しの間違いが命取り。Vsコード自体の知見も深めたいところです。技術提供レベルが程遠くても、立ち止まらず🐥 ●slideToggle ●モーダル #デイトラ #Web制作

上に開く形のアコーディオン📝 next().slideToggle()とするところ、prev()にするだけでOK🌟 アコーディオンが開くと、タイトル部分のfont-weightも変わるという不思議なデザイン(?_?) こちらは、JavaScriptのクラスの付け替えで実装😊 若干、違和感があるので、実案件だと要確認かなぁ👀 pic.twitter.com/badNuvQRKw

✏️今日の記録 学習時間：1.5h（累計69.5h） #デイトラ #web制作コース ✅初級DAY21 ドロワーメニューでtoggleClassとslideToggleの表示される動きの違いを調べて学べた！ TOPへ戻るボタンは調べてできたけど、複雑すぎる気がするから、もっと簡潔に書ける方法がないか調べてみる🔍 #web制作

#デイトラ #Web制作中 中級編DAY23 アコーディオンは「.slideToggle()」だけで出来ると思っていたけど、そう簡単でもない💦要復習！ HTMLにstyleを書くの、馴染みがなくて😓こんなやり方もあるんだ。 アコーディオン用のHTMLタグ「detailsとsummary」目を通しておく。

🌟2024.05.07 💡やったこと 《模写課題》メインビジュアル 計: 0時間30分 ✍️感想 ヘッダーのドロップダウンメニュー部分はクラスのつけ外しでは実現できなかったが slideToggleで実現することができたので次のメインビジュアル部分に取り掛かる HTML構築は完了した #RaiseTech #BuildUpDaily

🌟2024.05.05 💡やったこと 《模写課題》ヘッダー 計: 0時間30分 ✍️感想 ドロップダウンメニューの実装でslideToggleで実装することができた しかしactiveクラスのつけ外しで実装しようとしてできていないのでこの問題を解決して次に進めた方がいいのか悩む #RaiseTech #BuildUpDaily