这个应该用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链接')//这样调用就可以了
toggle方法已经被jquery1.8之后所抛弃，所以我们在用toggle实现元素的隐藏和显示时不能直接用toggle()【要么使用1.8之前的jquery，要么替代】 替代： html页面 <pre> <p>显示与隐藏</p> <button>请点击这里</button> <script> var i =0 $("button").click(function(){ if(i==0){ $('p').hide() i=1 } else{ $('p').show() i=0 } }) </script> </pre> 还有一种方法是判断其css中的display是否为none（在开始定义p的显示） <pre> html页面： <p style="display: block">显示与隐藏</p> <button>请点击这里</button> $("button").click(function(){ if($("p").css("display")=="none"){ $('p').show() } else{ $('p').hide() } }) </pre>下载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（）方法的功能
