微信小程序 Filter validation Zeptojs Animsition 建造师报考条件 ppt视频教程下载 python查看数据类型 oracle删除表字段 js对象添加元素 java时间戳 git下载代码到本地命令 json转object 单片机开发板工作原理 python中get函数 python中str函数 python操作mysql python调用函数 python链接mysql数据库 python建站 java方法的重载 java字符串操作 linuxshell编程 gg修改器下载 软件龙头股 什么是人肉搜索 思源黑体 中文微信小程序API 华为杂志锁屏怎么设置 微信群群发软件 接口自动化测试框架 淘宝退货怎么上门取件 下拉框默认选中 pyodbc centos配置ip dnf女柔道加点 hdcp功能 android模拟器下载 制表符 鲁迅体
当前位置: 首页 > 学习教程  > 编程语言

html折叠框实现【查看】&【收起】转换

2020/7/24 9:23:38 文章标签:

折叠框html实现

<!--    折疊顯示框-->
        <div class="panel-group" id="accordion">
            <div class="panel panel-default" style="padding-bottom:10px">
                <div class="panel-heading">
                    <h4 class="panel-title" id="panel-title" value="false">
                        <a id="title_collapse" data-toggle="collapse" data-parent="#accordion"
                           href="#collapseThree" style="font-size:16px;">
                            查看
                        </a>
                    </h4>
                </div>


                <div id="collapseThree" class="panel-collapse collapse in">
                    <div class="panel-body" style="margin-bottom: 20px">
                        <!--備用-->
                        <div>
                            <table id="table1"></table>
                        </div>
                        注意事項:
                    </div>
                </div>
            </div>
        </div>

js操作html【查看】&【收起】文字切换

在这里插入代码片
// 点击【查看】时的一些操作
$('#collapseThree').on('show.bs.collapse', function () {
        // do something…
        $("#title_collapse").text("收起");
 })

// 点击【收起】时的一些操作
$('#collapseThree').on('hide.bs.collapse', function () {
        $("#title_collapse").text("查看");
 });



本文链接: http://www.dtmao.cc/news_show_50069.shtml

附件下载

相关教程

    暂无相关的数据...

共有条评论 网友评论

验证码: 看不清楚?