这个应该用document.createElement 来实现
toggle应该是js函数;
function toggle(href){//假定ID为toggleId
var ele = document.getElementById('toggleId')
if(ele)ele.remove()
//然后增加一个css
var cssele = document.createElement('link')
cssele.href = href
cssele.type = 'style/css'
cssele.rel = 'stylesheet'
var head = document.querySelector('head')
head.appendChild(cssele)
}
toggle('某个css链接')//这样调用就可以了
下载Jquery文件并引入
编写html文件,为标题tr设置class=titletr,描述tr设置class=desctr,并分别设置id
编写css文件,设置表格的width:200px,将标题tr设置为text-align:center并设置背景颜色
编写js文件来动态控制表格的效果,先采用已经删除的toggle()方法会出现,先显示后隐藏的效果Jquery toggle()方法的使用换用hover()方法来实现效果
Jquery toggle()方法的使用
使用toggle()的另一种支持形式
$(function(){$('.titletr').toggle(function(){
$(this).next().fadeIn(600)
},function(){
$(this).next().fadeOut(600)
})
})
$(function(){
$('.titletr').hover(function(){
$(this).next().fadeIn(600)
},function(){
$(this).next().fadeOut(600)
})
})
$(function(){
$('.titletr').click(function(){
$(this).next().toggle(600)
},function(){
$(this).next().toggle(600)
})
})
在使用toggle()方法是一定要确认版本
可以通过绑定click()来实现已经删除的toggle()方法的功能