請問FQA開合效果怎麼做呢?

#網頁設計 #javascript #css #html #fqa #開合效果

u_li_gao_217 2022-07-05 13:54:01 ‧ 1466 瀏覽

分享至

各位業界的前輩大家好，最近在寫網頁關於常見問題的項目，
想請問一下開合效果的部分，因照著上網查的文章寫出來發現都沒有效果，
所以上來這邊求助大家，或是有人知道要往哪個方向去收集資料，請指點我一下，
感激不盡！!!

登入發表討論

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

4 個回答

㊣浩瀚星空㊣

iT邦大神 1 級 ‧ 2022-07-05 16:22:44

最佳解答

這得先了解一下你前端是否有使用到任何框架。如JQUERY或是VUE。
因為這兩種的處理方式並不太一樣就是了。
關鍵字其實找一下就一堆了，我就不提供了。

如果沒任何框架的話。在其html的應用許可的情況下。
純CSS其實也能辦到這件事的。
關鍵字: 「css CSS3 開合效果」

一般會比較建議還是搭配一下JS。畢竟這樣才能做到定點。
純CSS只能動態展開。

回應 1
分享
檢舉

u_li_gao_217 iT邦新手 5 級 ‧ 2022-07-05 17:11:56 檢舉

謝謝您為我提供方向

登入發表回應

實習工程師

iT邦新手 1 級 ‧ 2022-07-05 14:05:36

引用 Jquery 套件

<div>
    <input type="button" id="btnTest" value="開合效果"/>
    <div id="div_faq">FAQ</div>

    <script type="text/javascript">
        $("#btnTest").click(function () {
            $("#div_faq").slideToggle("slow");
        });
    </script>
</div>