Tag: 切换

用两个按钮固定切换: 我需要更改我的代码，这样如果你点击同一个按钮两次，它将返回到它的原始状态。此外，页面加载时是否可以不选择男性？我试图找出如何在加载时取消选中这两个按钮。 http://jsfiddle.net/B4XkL/ （运行jQuery） $（“input [type = button]”）。click（function（）{$（“input [type = button]”）。removeClass（“button-toggle-on”）; $（this）.toggleClass（“button” -toggle-on“）; if（$（this）.hasClass（”gnF“））varval =’female’; else varval =’male’; $（”＃gender“）。val（varval）;}）; $(“input[type=button]”).click(function() { $(“input[type=button]”).removeClass(“button-toggle-on”); $(this).toggleClass(“button-toggle-on”); if($(this).hasClass(“gnF”)) varval = ‘female’; else varval = ‘male’; $(“#gender”).val(varval); }); .gnM {width:137px;height: 60px;background:#E8E8E8 url(‘http://www.41q.org/admin/img/male.png’) 0px 0px no-repeat;margin-top:15px;padding: 0;border: 0;margin-left: 0px;float: left;outline: none;text-align:center;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 105%;font-style:normal;color:#03F;} .gnF {width:137px;height: 60px;background:#E8E8E8 […]

jquery隐藏所有打开的div并切换: 我有2个链接，根据他们点击哪个链接要关闭所有其他链接并仅显示该链接的信息。例： Show UPS info Show Fedex info the info for ups the info for fedex 任何想法如何使用Jquery切换点击其中一个链接并隐藏所有其他链接（如果打开）。我只想一次显示一种送货方式的信息。此外，我想要一个用户单击showall的选项，如果可能的话，显示所有这些选项。提前致谢….

在切换function中将var设置为true / false: 我有一个按钮，我希望我的变量click在click按钮时设置为true ，而在再次单击按钮时设置为false （我想切换function）。当click == true ，我希望它输出clicked进入控制台，当click == false我想让它输出not clicked 。 var click = false 这是我的切换function： $(‘.button’).toggle( function(){ click = true; $(‘.bmw’).show(); }, function() { click = false; $(‘.bmw’).hide(); }); 我想要它做什么： if(click = true) { console.log(‘clicked’); } else { console.log(‘not clicked’); } 当我加载页面时，控制台显示not clicked但是当我按下按钮时，它不会切换为true 。然而，当我切换按钮时，bmw对象** .bmw显示和隐藏，因此似乎工作正常。我究竟做错了什么？

JQuery只切换最接近它的相关div: 我有一些类似的div，我正在使用这样的一些基本代码切换： $(“.field-group-format-toggler-abstract”).click(function() { $(“.field-group-format-wrapper”).toggle(); }); 我遇到的问题是每当我触发“+”时，当我只想切换最接近它的相关div时，它会切换所有其他具有相同类的div .field-group-format-wrapper 。我试过.next和.closest，但这似乎锁定了事情然后它不起作用我没有得到语法错误，例如 $(“.field-group-format-toggler-abstract”).click(function() { $(“.field-group-format-wrapper”).closest().toggle(); }); 我在这里创建了一个工作版本，但如果你像我上面那样添加.closest，它就不再起作用了。 http://jsfiddle.net/LHguJ/5/ **注意，我只想显示/隐藏field-group-format-wrapper而不是其他内容，因此“Title”仍然需要显示是否展开。

如何使切换更平滑（’慢’）: 我有以下代码可以工作，但在每个切换操作结束时变得有点跳跃。如果我切换段落会更顺畅吗？我试图得到段落，但我不知道该怎么做。有人可以帮我吗？提前致谢。 body {width: 660px; margin: 0 auto; } .toppara{ background-color: #FF9; } .morepara { background-color: #fff; display:none; } .togglebutn { color: #900; background-color: #FFF; } Content 1. Content 2. Show/Hide Content 3. Content 4. Show/Hide $(function() { $(‘.togglebutn a’).click( function(){ var $parentpara = $(this).parent().prev(); $parentpara.toggle(‘slow’); }); });

使用jQuery查找可见元素的长度: 大家好我需要找到只有显示块的所有li元素的长度。如何使用jQuery实现这一点。我有一个类别菜单块，底部有更多的链接，单击时将显示所有类别。底部链接现在转到Less，点击时显示较少的项目。这是代码。 var list = $(‘.menu-categories-list ul li:gt(3)’); list.hide(); $(‘#ClickMore’).click(function() { list.slideToggle(400); if( $(this).parent().prev().children().length < 1 ) { $(this).html('Less…'); } else { $(this).html('More…'); } return false; }); 你可以看一下链接。类别在左侧阻止

为什么jQuery删除.toggle（）方法？: .toggle（handler，handler [，handler]）我相信这个API非常方便。但为什么jQuery 1.9删除它？

jQuery使用选定的类显示和隐藏多个div: 我需要能够显示和隐藏基于哪个href类被“选中”的div我在下面有一些代码： http://jsfiddle.net/XwN2L/722/ 我需要删除上面小提琴中的’all’选项。所以基本上当一个href具有所选择的类时，显示了href的两个链接，然后当用户点击另一个href时，它隐藏了之前的链接并显示了具有“selected”类的新链接当他们点击链接时，所选的类会发生变化，按钮会隐藏并相应显示？几乎只需要最后一点的帮助。 All Div 1 Div 2 Div 3 Div 4 1a 1b 2a 2b 3a 3b popup COMPLETE jQuery(function(){ jQuery(‘.showSingle’).click(function(){ jQuery(‘.targetDiv’).hide(); jQuery(‘#div’+$(this).attr(‘target’)).show(); }); }); 干杯

jQuery：从下到上滑动: 我正在使用jQuery的slidetoggle，我想知道是否有一种方法可以让它从底部向上滑动，我看到的任何地方似乎无法找到答案，这里是我正在使用的代码： jQuery(document).ready(function(){ jQuery(“.product-pic”).hover(function(){ jQuery(this).find(‘.grid-add-cart’).slideToggle(‘2000’, “easeOutBack”, function() { // Animation complete. }); }); });