jQuery实现div展开收缩为什么toggle只能触发1次?
发布网友
发布时间:2022-05-13 12:51
我来回答
共1个回答
热心网友
时间:2022-04-25 03:40
兄弟,你用.replaceWith('<a href="#" id="more">ON</a>') 这个方法
新创建的内容中的id="more"在函数外是引用不到的,所以这样不行。
按你的需求是为了改变文本,那为什么不这样写呢?
--------------------------------------------------------------------
<script>
$(function(){
$("#more").toggle(function(){
$(this).text("ON");
$("#moresearch").css("display","none");
},
function(){
$(this).text("OFF");
$("#moresearch").css("display","block");
});
})
</script>
javascript 中toggle()函数点击第一下为什么不起作用
所以,第一次<p>的点击只是给<p>加上toggle,而不会执行 $("#ss").toggle(); 和 $("#sss").toggle(); 所以显示不会有任何变化;第二次<p>的点击会执行$("#ss").toggle(); 所以会显示 “Hello1 Again” ;于此同时,又给 <p>加上了一层 toggle。第三次<p>的点击会执行 $("#...
怎么只用Jquery实现菜单的收缩,点一下把子菜单隐藏,再点一下把子菜单...
如果想像你这样实现,最好在每一个ul和li加上ID(这个ID必须是有规律的,比如父ID为1_1,子ID1_1_1...),用链接的点击事件根据ID获取父菜单和子菜单实现改变ul、li的display样式就可以实现展开或隐藏。
jquery高手帮看看这个toggle()的问题吧
(document).ready(function() { (".vedio").hide();("#showvedio").click(function(){ (".vedio").show();});(".vedio").toggle(function(){ (this).attr("src","../Public/images/hh/07.jpg");},function(){ (this).attr("src","../Public/images/hh/00.jpg");} );});...
怎么用js或jq点击展开,出现隐藏的DIV,点击收起DIV又隐藏起来.
<script src="jquery-1.8.2.js"></script><script>/*展开和收起用一个div,也可以说它是个按钮,假设它的id=d1;假设需要显示和隐藏的div叫d2;下面这段代码只是粗略的实现了你的要求,主要是给你提供个思路;*/$(function(){$('#d1').click(function(){//给d1绑定一个点击事件; /*这...
jquery 点击一个div时,第一次点击更换div背景,第二次点击,背景变成原来...
这个还是挺简单,第一种,设置一个变量 如 var toggle = true , 当为true时,作if(toggle == true)判断更改背景同时 改toggle 为false ; 第二次点击时 ,这时toggle为false ,作if(toggle == false)判断,如果为真则还原背景 ... 第二种方法,直接调用 toggle()函数 ,如 $("div").toggle(fun...
jquery的toggle命令,错在哪里了
演示代码</title><script>$(function(){var pss = $("#pss"),pp = pss.find("p");pss.toggle(function(){pp.text("鼠标单击事件");},function(){pp.text("我们的世界");},function(){pp.text("战争序曲");});});</script> </head><body><div id="...
jquery动态绑定toggle事件
处理toggle的动态绑定一般有两种方式 第一种,当你创建元素的时候然后动态的调用bind绑定,还有的是可以绑定click事件,然后再click中调用trigger方法去再触发一次click,不知道有没有说明白:('.box>div').live('click',function(){ $(this).toggle(function(i){ $(this).css('background-col...
使用jquery的toggle实现DIV的隐藏和显示,但是无法用按钮控制,请问该如 ...
; }, function(){ $("#div2").animate({left:-260},300); });toggle(fn,fn)方法的使用方法:每次点击后依次调用函数。如果点击了一个匹配的元素,则触发指定的第一个函数,第二次点击同一元素时,则触发指定的第二个函数,如果有更多函数,则需再次点击。
JQUERY展开收缩的问题
(function(){ ('.jqdemo').prev().click(function() { (this).find('span').toggleClass('pic img').end().next().toggle();});});
jquery中toggle函数问题
如果是点H5 下面的DIV消失隐藏,这代码根本就不应该这样写 <div id="panel"> <h5 class="head">什么是jQuery?</h5> <div class="content"> 内容忽略 </div></div>javascript脚本如下<script>var h5=$("#panel").find(".head");h5.click(function(){$(this).next().toggle...