这个应该用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实现animate那段吗?toggle 只能切换隐藏和显示状态,不能做高度的修改的,可以用 toggleClass 实现,但没有 animate 动画效果好。
.toggleClass( className )
在匹配的元素集合中的每个元素上添加或删除一个或多个样式类,取决于这个样式类是否存在或值切换属性。即:如果存在(不存在)就删除(添加)一个类。
.toggle( handler(eventObject), handler(eventObject) [, handler(eventObject) ] )
绑定两个或多个处理程序绑定到匹配的元素,用来执行在交替的点击。
.animate( properties [, duration ] [, easing ] [, complete ] )
根据一组 CSS 属性,执行自定义动画。