Tag: toggle

jquery切换css类

这个jquery切换了两件事。 （1）css类和（2）显示div。 如果我在元素外部单击（菜单切换），切换效果很好，但如果我在元素内部单击，则div切换，但css类不会。 这是为什么？ 在http://jsfiddle.net/aL7Xe/68/上实时预览 第二次单击“菜单切换”时，我需要添加的css类消失。 Menu Toggle One Two Three this is more text $(‘html’).click(function() { $(‘#menucontainer’).hide(); $(‘#menutoggle’).removeClass(‘menutoggle’); }); $(‘#menuwrap’).click(function(event){ event.stopPropagation(); }); $(‘#menutoggle’).click(function(event){ $(‘#menucontainer’).toggle(); $(this).addClass(‘menutoggle’); });

单击切换按钮时，防止jquery数据表恢复到初始状态

在这里，我有一个bootstrap样式的固定列数据表 ，我可以通过按钮切换列，因为， $(‘#ToggleColumns’).click(function () { table.destroy(); if(columnNumber == 2) { columnNumber = 0; } else { columnNumber = 2; } }); 如果我在数据表分页的第3页，当我切换列时，表恢复到其初始位置。 即第一页。 如何防止它并在切换后进入第3页本身？ 这同样适用于否。 记录选择也是。

在非活动图标上更改类 – jquery

我在标题中有两个图标，其中包含单击时切换的下拉菜单。 在每个图标的每个列表项中，有一个’i’标签，它是向下箭头的Font Awesome。 单击每个图标时，通过将类“fa-chevron-down”更改为“fa-chevron-up”，箭头将变为指向上方。 但是，如果我单击帮助图标，帮助下拉列表会向下滑动，如果我然后单击篮子图标，则帮助下拉列表会向上滑动，篮子下拉列表会向下滑动。 相关图标中的箭头也需要随之更改 – 帮助图标上的箭头需要更改为指向下方，因此课程需要从’fa-chevron-up’更改为’fa-chevron-down’ 。 例如，如果篮子下拉列表处于活动状态，那么帮助图标“i”标签应该具有“fa-chevron-down”类，并且篮子图标“i”标签应该具有“fa-chevron-up”类。 如果帮助下拉列表处于活动状态，则篮子图标’i’标签应该具有’fa-chevron-down’类，并且帮助图标’i’标签应该具有’fa-chevron-up’类。 这是一个jsFiddle： http ： //jsfiddle.net/2srx4sv2/9/ 代码是： Untitled Document Your Account » Corporate Sales » Got a voucher? » Total items: 1 Product 1 £39.00 Product 2 £39.00 View Basket

jQuery切换多个类

我想使用jQuery切换在同一个类上显示/隐藏多个div。 目前，按钮显示/隐藏所有 div。 如何在不使类独特的情况下切换一个div？ 小提琴演示 。 jQuery的： $(“.button”).click(function() { $(“.comment”).toggle(); }); HTML： Comment 1 Show Comment Comment 2 Show Comment

JQuery自动刷新（setInterval）

嗨伙计们不确定这样做的最好方法 – 即把if放在哪里..我有一个加载页面并具有setInterval（）函数的div。 在加载的页面上有1个按钮，我想要实现的是当单击按钮＃1（加载的页面）以停止setInterval（）并追加一个新的div（绝对位置）直到按钮＃2（在附加的div上）单击然后重新启动它。 .. comprende？ 这是我的“基础”代码 这是第一个按钮的动作 $(‘.replybutton’).live(‘click’,function(){ $(‘.discussion’).append(‘some content in here plus “button number2’); }); 这会加载页面 – 最初 $(‘.discussion’).load(‘board2.php’); 这是刷新function var auto_refresh = setInterval( function() { $(‘.discussion’).fadeOut().load(‘board2.php’).fadeIn(); }, 10000); 失败的任何事情 – （但不是首选）我可以在加载的页面上使用切换而不是在$(‘.replybutton’).live(‘click’,function()使用的追加$(‘.replybutton’).live(‘click’,function() ，但仍然需要停止刷新并重新启动它 – 基于切换，但我强调切换的想法不是首选方式。

jQuery动画切换

这是一个非常直接的问题。 我在页面上基本上有一个div块，当点击时，它的大小会增加，再次点击时会返回到原来的状态。 我的问题是它似乎根本不起作用。 另外，我确信在两个动画状态之间切换的方式要比这样的if语句更清晰，但是我不确定如何去做。 $(document).ready(function(){ var toggle = 0; $(“.login”).click(function(){ if($toggle == 0){ $(this).animate({ height: ‘200’, }, 500, function(){ }); $toggle = 1; } else if($toggle == 1){ $(this).animate({ height: ‘100’, }, 500, function(){ }); $toggle = 0; } }); }); 相应的HTML代码很简单 Click Me 如果还有其他需要，请告诉我。

jQuery显示/隐藏下一个div

如何显示/隐藏下一个div？ 以下代码有效： jQuery(“.edittopic”).click(function() { jQuery(this).next(“.t_edit_cont”).toggle(); }); …仅当t_edit_cont div位于edittopic按钮后面edittopic 。 目前，我将它们放在单独的DIV中，如下所示： Show hide content inside here… 我怎样才能做到这一点？ jsfiddle演示 。

如何使用jquery中的切换来防止点击队列的建立？ 尝试使用bind / unbind（’click’）

我想在切换动画显示时禁用点击处理程序，这样动画就不会因为多次快速点击而累积。 谢谢 jquery脚本： $(“#button”).click({ $(this).unbind(‘click’).next().toggle(“slow”,function(){$(‘#button’).bind(‘click’)}); }); HTML代码 <div Toggle test

jquery动画位置百分比

如何确定百分比的位置？ $(document).ready(function(){ $(“#button”).toggle(function(){ $(“#slide”).animate({top:-100%},1000); },function(){ $(“#slide”).animate({top:0%},1000); }); }); 请建议。

jquery切换从左到右滑动

我在页面的左侧有一个“菜单”按钮，一旦选中我有一个包含菜单项显示的div。 然后我有另一个按钮可以选择隐藏菜单。 理想情况下，我希望将其滑出（从左到右）并向后滑动，但未能成功地使其正常工作。 我已经尝试过使用animate和SlideToggle但是没有一个能用于我拥有的东西。 有小费吗？ Menu Menu $(‘#cat_icon’).click(function () { $(‘#categories’).toggle(); $(‘#cat_icon’).hide(); }); $(‘.panel_title’).click(function () { $(‘#categories’).toggle(); $(‘#cat_icon’).show(); });