我正在尝试创建一个框但是当单击一个列表项时它会下降然后在单击时返回.我以前做了很多次,但由于某种原因,Jquery正在添加display:none;
$('li.item-162').toggle(function(){
$('.login').animate({
top: '27px'
}, 1000);
},function() {
$('.login').animate({
top: '-212px'
}, 1000);
});
$(".li.item-162").show();
Run Code Online (Sandbox Code Playgroud)
在firebug我的代码显示
你可以在这里看到它..
http://rdhealthandsafety.co.uk/index.php
任何想法为什么会发生这种情况,我猜它是我周二早上的蓝调:(
目前根据Jquery 站点 .toggle()已在1.8版本之后折旧.那么有什么替代.toggle(),因为我需要菜单应用程序的功能,我需要隐藏和显示基于按钮单击的div的内容
我已经根据JSFiddle完成了任务,但我已经在我的网站上加载1.12.4版本的jquery用于其他用途
我的Js功能代码
function hideToggle(button, elem) {
$(button).toggle(
function() {
$(elem).hide();
},
function() {
$(elem).show();
} );
}
hideToggle(".button1", ".iframe1");
Run Code Online (Sandbox Code Playgroud)
那么有没有办法防止加载两个版本的jquery
我了解到函数toggle()已被弃用.那么我可以使用什么代替切换这个例子:
<div id="block" style="width: 200px; height: 150px; background-color: blue"></div>
<span id="click">hide</span>
Run Code Online (Sandbox Code Playgroud)
$("#click").toggle(
function(){
$("#block").slideUp();
$(this).html('show');
},
function(){
$("#block").slideDown();
$(this).html('hide');
});
Run Code Online (Sandbox Code Playgroud)