Tag: 切换

jquery切换按钮两个图像？

要切换隐藏/显示，我使用此代码; togglebtn.click(function() { var that = this; $(‘.togglecontainer’).toggle(500, function(){ var txt = $(that).html(); $(that).html((txt == ‘Show less’) ? ‘Show more’ : ‘Show less’); }); }); togglebtn.trigger(“click”); 但它在一个按钮内切换文本。 我想要两个按钮，两个不同的img src让我们说images / show.png和images / hide.png 提前致谢

jQuery切换菜单隐藏/显示（当新菜单打开时关闭其他菜单）

感谢Nick Craver我有一个很好的切换菜单，但是我想出了一个问题，如果用户不断点击新菜单页面将继续增长，我不想要，所以这个想法是： 当一个菜单打开时，任何当前打开的菜单将关闭。 完整的来源是@ http://the-dot.co.uk/new/ 这里是我正在使用的代码的2个片段。 $(document).ready(function() { $(“ul li a”).click(function() { $(this).parent().next().toggle(“fast”); }); }); 和HTML结构是 Us about thedot Portfolio Contact contact deets Twitter some twitter shit Blog 谢谢。

使用jquery在wordpress中切换post

我想在wordpress中做一些我以前没有见过的事情。 基本上，当您到达博客时，会显示标题，缩略图和摘录。 按下切换按钮时，post应向下滑动以显示内容。 （ ） 这是我的Jquery： $(document).ready(function() { $(‘span.play a’).click(function() { if ($(‘.toggleSection’).is(“:hidden”)) { $(‘.toggleSection’).slideDown(“slow”); } else { $(‘.toggleSection’).slideUp(“slow”); } return false; }); }); 它完美地运作！ 然而; 因为切换位于wordpress循环中，每当按下切换按钮时，所有的post都会打开。 例如，如果我在一个页面上有10个post，并且单击了一个切换按钮，则所有切换都会打开。 这是我的WP循环： <div class="post" id="”> <img src="https://stackoverflow.com/questions/3687638/toggle-posts-in-wordpress-using-jquery//images/play.png” width=”30″ height=”36″ alt=”Play Video”> <a href="https://stackoverflow.com/questions/3687638/toggle-posts-in-wordpress-using-jquery/”> Posted in: On: 您在上面看到的是，当单击span.play a时，切换部分会向下滑动并显示内容。 选择任何单个切换时，将显示所有内容。 我想这样，所以每个切换在WP循环中都是唯一的，并且只显示该条目的内容。 有任何想法吗？ 到目前为止，您可以看到我的工作演示： http ： //vitaminjdesign.com/littlewindow/按缩略图上的播放按钮切换！

单击时添加div，然后在每次单击后切换它

我正在尝试点击添加，添加的内容将首次出现。 添加之后，我想点击添加，它只会切换“添加”，而不是在每次点击时添加“添加” jQuery的： $(function(){ var NewContent=’Added’ $(“.add”).click(function(){ $(“#spin”).after(NewContent); }); }); HTML： add 这是一个小提琴： http ： //jsfiddle.net/Abgec/

逐个切换多个div jquery

我想要做的是在不同的div之间切换。 这有点难以解释，但我会试一试。 当页面加载时，会有div可见，4有display：none。 还有一个菜单。 链接1将显示第一个div并隐藏所有其他div。 然后当点击链接2时，可见的div将隐藏，div2将显示。 单击链接3时，可见的div将隐藏，div3将显示，依此类推。 基本上一次只显示一个div。 我写了这个，但只有当有2个div时它才有效。 $(function () { $(‘#link’).click(function () { $(‘#div1, #div2’).toggle(); }); }); 但这只会显示隐藏的div并隐藏显示的那个。 好的，我做到了，发现可以做得更容易。 这就是我做的。 它不是很优雅，但它的工作原理。 $(document).ready(function () { $(‘.slidingDiv’).hide(); $(‘.show_hide’).show(); $(‘.show_hide’).click(function () { $(‘.slidingDiv’).slideToggle(); $(‘.slidingDiv2’).hide(‘slow’); $(‘.slidingDiv3’).hide(‘slow’); $(‘.slidingDiv4’).hide(‘slow’); $(‘.slidingDiv5’).hide(‘slow’); }); }); $(document).ready(function () { $(‘.slidingDiv2’).hide(); $(‘.show_hide2’).show(); $(‘.show_hide2’).click(function () { $(‘.slidingDiv2’).slideToggle(); $(‘.slidingDiv’).hide(‘slow’); $(‘.slidingDiv3’).hide(‘slow’); $(‘.slidingDiv4’).hide(‘slow’); $(‘.slidingDiv5’).hide(‘slow’); }); }); $(document).ready(function () […]

jQuery show / hide / toggle工作，但不能保持原样 – 它恢复到原始状态

我尝试使用jQuery显示/隐藏FAQ问题的答案。 我们的想法是列出所有问题，并且只有当用户想要查看答案时，他们才会点击问题（看起来像链接）然后答案变得可见。 除了单击单击后答案恢复到原始状态外，它的工作方式很有效。 在这种情况下，这意味着当我单击问题以显示答案时，它会显示然后在下一个瞬间消失，而不是保持可见，直到再次单击以将其切换为隐藏。 我已粘贴以下代码： Untitled Document $(document).ready(function() { $(‘div.showhide,#answer’).hide(); $(‘#question’).click(function(){ $(‘div.showhide,#answer’).toggle(); }); }); QuestionAnswer

使用jQuery 保留切换状态

可能重复： jQuery用Cookie切换 我有一个简单的切换，但切换总是在页面刷新时重置，所以我想通过设置一个cookie保持其状态，但我没有太多的想法我应该怎么做… 任何想法如何保持切换状态？ http://jsfiddle.net/Qyufx/ Hi Hello jQuery(document).ready(function(){ jQuery(“.toggle_container”).hide(); jQuery(“div.question_trigger”).click(function(){ jQuery(this).toggleClass(“active”).next().toggle(“slow”); }); });​

Jquery切换多个按钮

我有多个按钮，通过jquery切换脚本获得活动的css样式。 但我想一次只有一个按钮。 但是，当我重新点击一个活动按钮时，它必须变得不活跃。 $(document).ready(function(){ $(‘.button’).click(function() { $(this).toggleClass(‘buttonactive’); }); }); 基本上我需要添加一行说： $(all .button except this).removeClass(‘buttonactive’); 我不知道怎么做。 有人能帮我吗？ 这是一个有问题的JSFIDDLE： http ： //jsfiddle.net/nV5Tu/3/

切换（）上的jQuery text（）更改？

我想创建一个脚本，根据其他元素可见性更改切换链接文本。 因此，虽然#form是可见的，但我希望＃form-container文本为“Hide …”，虽然它是隐藏的，但我希望文本为“Show …”。 我试过这行 – 如果（$（’＃form’）。是（“：visible”））{另一种方式：if（$（’＃form’）。is（“：visible”）==“true “）{ – 但它也不起作用。 怎么了？ 每次切换另一个项目时如何更改文本？ $(‘.toggle’).click( function() { $(‘#form’).slideToggle(); if($(‘#form’).is(“:visible”)){ $(‘#form-container a’).text(“Hide form container”); } else { $(‘#form-container a’).text(“Show form container”); } }); 谢谢。

单击其他菜单项时隐藏/切换子菜单

这就是我现在所拥有的： JSfiddle 当您单击类别1然后单击类别2时，我希望关闭类别1的子菜单。 我怎样才能做到这一点？ 我现在所做的就是在点击屏幕上的任何地方时关闭子菜单，菜单除外： $(function () { $(‘nav ul li’).not(“nav ul li ul li”).click(function(e){ $(this).children(‘ul’).stop().toggle(); e.stopPropagation(); }); $(“nav ul li ul li”).click(function(e){ $(this).children(‘ul’).stop().toggle(); e.stopPropagation(); }); }); $(document).click(function() { $(“nav ul li ul”).hide(); }); 非常感谢任何回复！