介绍 & lt; ! DOCTYPE html>
& lt; html>
& lt; head>
& lt; meta charset=皍tf-8",/比;
& lt; title> jQuery实现页面详情展开收起& lt;/title>
& lt; style>
{.detailpd padding-top: 10 px;,}
& lt;/style>
& lt; script src=癶ttp://libs.baidu.com/jquery/1.10.2/jquery.min.js"祝辞& lt;/script>
& lt; script>//,显隐项目介绍详情
,$ (function view_details_click () {
美元才能(“# detailmain_a") .bind(& # 39;点击# 39;函数(){
,,如果($ (“# deal_info_box") . (“: hidden")) {
,,,(“# deal_info_box")美元,告诉();
,,,(这)美元;(“# view_details")。text(“收起详情“);
,,,(这)美元;(“.fa") .removeClass (“fa-angle-right") .addClass (“fa-angle-down");
,,}
其他,,{
,,,(“# deal_info_box")美元hide ();
,,,(这)美元;(“# view_details")。text(“展开详情“);
,,,(这)美元;(“.fa") .removeClass (“fa-angle-down") .addClass (“fa-angle-right");
,,}
,,});
美元才能(“# detailmain_aa") .bind(& # 39;点击# 39;函数(){
,,(“# deal_info_box")美元hide ();
,,(“# view_details")美元。text(“展开详情“);
,,});
,});
& lt;/script>
& lt;/head>
& lt; body>
,& lt; p 类=癲etailpd"比;
项才能目详情介绍:
,& lt;/p>
,& lt; a 类=癲etailmain_a", href=癹avascript:无效(0);“,rel=癳xternal nofollow", rel=癳xternal nofollow", id=癲etailmain_a"比;
& lt;才能span id=皏iew_details"在展开详情祝辞& lt;/span> & lt;小姐:类=癴a fa-angle-right"祝辞& lt;/i>
,& lt;/a>
,& lt; div 类=癲eal_info_box pb15", id=癲eal_info_box",在
,& lt; !——,此处引入要展开的具体文件内容,——比;
123 & lt;才能br/比;
123 & lt;才能br/比;
123 & lt;才能br/比;
123 & lt;才能br/比;
123 & lt;才能br/比;
123 & lt;才能br/比;
123 & lt;才能br/比;
123 & lt;才能br/比;
123 & lt;才能br/比;
123 & lt;才能br/比;
123 & lt;才能br/比;
123 & lt;才能br/比;
123 & lt;才能br/比;
123 & lt;才能br/比;
123 & lt;才能br/比;
& lt;才能a 类=癲etailmain_aa tc", href=癹avascript:无效(0);“,rel=癳xternal nofollow", rel=癳xternal nofollow", id=癲etailmain_aa",在
,,& lt; span 类=皌heme_fcolor", id=皏iew_detailss"在收起详情& lt;/span> & lt;小姐:类=癴a fa-angle-up theme_fcolor"祝辞& lt;/i>
& lt;才能/a>
,& lt;/div>
& lt;/body>
& lt;/html>
使用jQuery怎么实现一个页面详情展开收起功能吗?很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。
具体如下:
看完上述内容是否对您有帮助呢?如果还想对相关知识有进一步的了解或阅读更多相关文章,请关注行业资讯频道,感谢您对的支持。
