热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

jQuery显示与隐藏tab选项卡

vartextHeight=document.getElementById(explain_text).scrollHeight;if(textHeight182){

var textHeight = document.getElementById("explain_text").scrollHeight;
if (textHeight 182) {
$(".display_all").css("display", "none");
} else {
$(".display_all").css("display", "block");
}
// 点击显示所有文本内容
$(".display_all").on('click',function () {
if ($(".explain_text").css("overflow") == "hidden") {
$(".display_all span").text("收起");
$(".explain_text").css("height", "100%");
$(".explain_text").css("overflow", "visible");
$(".display_all img").attr("src", "http://cdn.jisuapp.cn/matrix_static/school/images/close.png");
} else {
$(".display_all span").text("展示全部");
$(".explain_text").css("height", "150px");
$(".explain_text").css("overflow", "hidden");
$(".display_all img").attr("src", "http://cdn.jisuapp.cn/matrix_static/school/images/open.png");
}
});



方法二:tab选项卡实现

$(this).addClass('active').siblings().removeClass('active');
var id=$(this).attr('data-id');
$('.support_wrap_sick:nth-child('+id+')').show().siblings().hide();
})





   



推荐阅读
author-avatar
Carre陈
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有