Tag: 切换

jQuery切换（单击显示一个div而隐藏其他div）: 基本的想法是我有一堆div，其中每个都可以切换（显示/隐藏）。切换一个div时，我想要显示当前显示为隐藏的其他div，因此一次只能显示一个div。另外，我希望能够在元素外部单击以隐藏open div。为了让事情变得更清楚，我提供了一个示例，它目前正在做我想要的一切，除了在打开另一个时关闭div（一次只打开一个divfunction）： $(document).ready(function(){ $(‘div.dropdown’).each(function() { var $dropdown = $(this); $(“a.dropdown-link”, $dropdown).click(function(e) { e.preventDefault(); $(“div.dropdown-container”, $dropdown).toggle(); return false; }); }); $(‘html’).click(function(){ $(“div.dropdown-container”).hide(); }); }); Options Item 1 Item 2 Item 3 Options Item 1 Item 2 Item 3 Options Item 1 Item 2 Item 3

jQuery用Cookie切换: 我有以下切换系统，但我想让它记住使用jQuery cookie插件打开/关闭的内容。因此，例如，如果我打开一个切换然后离开页面，当我回来时它应该仍然是打开的。默认情况下，应关闭所有Toggles。这是我到目前为止的代码，但它变得相当混乱，一些帮助将非常感谢谢谢。 jQuery.cookie = function (name, value, options) { if (typeof value != ‘undefined’) { options = options || {}; if (value === null) { value = ”; options = $.extend({}, options); options.expires = -1; } var expires = ”; if (options.expires && (typeof options.expires == ‘number’ || options.expires.toUTCString)) { var date; […]

使用jQuery切换图像src: 我编写了一些代码来切换图像的src，并暂停/恢复jQuery cycle2插件。我不确定为什么它不起作用，并希望得到一些帮助。 $(‘.play-pause’).click(function(){ if ($(this).attr(‘src’, ‘/images/template/pause.png’)) { $(this).attr(‘src’, ‘/images/template/play.png’); $(‘.cycle-slideshow’).cycle(‘pause’); } else if ($(this).attr(‘src’, ‘/images/template/play.png’)) { $(this).attr(‘src’, ‘/images/template/pause.png’); $(‘.cycle-slideshow’).cycle(‘resume’); } }); 如果我删除’else if’语句，则第一个’if’语句有效。谢谢您的帮助。杰夫

jQuery切换类: 我在将jQuery的toggleClass函数添加到我的其余代码中时遇到了麻烦。该页面上有几个HTML5音频标签，通过jQuery控制。我试图将切换function添加到我的jQuery音频控制function，但它没有添加类，随后音频控件不起作用..所以我想这是一些奇怪的语法错误。你们推荐什么？下面是一个jsFiddle和我（不幸的）弱尝试:) http://jsfiddle.net/danielredwood/FTfSq/10/ HTML： Your browser does not support HTML5 audio. Your browser does not support HTML5 audio. Your browser does not support HTML5 audio. JavaScript的： var curPlaying; $(function() { $(“.playback”).click(function(e){ e.preventDefault(); var song = $(this).next(‘audio’)[0]; song.toggleClass(“playing”); if(song.paused){ song.play(); if(curPlaying) $(“audio”, “#”+curPlaying)[0].pause(); } else { song.pause(); } curPlaying = $(this).parent()[0].id; }); }); […]

使用JQuery水平滑动div: 所以我对Javascript和Jquery很新。我想要创建的是一个双列页面，左栏中的链接将导致右侧的div从左向右水平滑动，再次单击时滑出视图。我知道我需要使用幻灯片切换效果，但我无法以每个链接导致不同的div滑动的方式实现它…我试图调整我通过谷歌搜索找到的几个jsfiddles但是谈到javascript，我很丢失。到目前为止，这是我能够成功调整的唯一小提琴…… http://jsfiddle.net/bridget_kilgallon/HAQyK/ 但那些垂直滑动，并在点击时加载所有div。这是我为没有任何javascript的页面布局创建的小提琴…… http://jsfiddle.net/bridget_kilgallon/NhanG/ 请帮忙！ 🙂 -Bridget

在jQuery 1.9删除.toggle（函数，函数）后使用的替代方法是什么？: 嗨，我正在尝试创建一些可以在每次点击时交替收缩和增长的东西，但我正在为我的网站使用jQuery 1.9 。 .toggle(function,function)函数已从jQuery 1.9中删除，所以我不确定应该使用什么代替。任何帮助都会很棒。谢谢 jsfiddle（使用旧代码，jquery 1.8版本）： http ： //jsfiddle.net/TNAC6/ 新jsfiddle（jquery 1.9）： http ： //jsfiddle.net/TNAC6/1/ 这是我试图切换的代码。基本上我正在切换的是一个圆形div。 (function($){ $.fn.createToggle = function(size) { var ele = $(this); var oldSize = ele.width(); console.log(“creating new toggle on element: ” + ele + ” old: ” + oldSize + ” new: ” + size ); console.log(“its content […]

jQuery Toggle State: 这是我的问题的快速和紧张： $（“a”）。toggle（function（）{/ * function A * /}，function（）{/ * function B * /}）; 内部function A显示一个表格。如果用户成功完成表单，则表单将再次隐藏（返回其原始状态）。在function B内部隐藏了相同的forms。这背后的理论是用户可以选择显示表单并填写表单，或者他们可以再次单击并让表单重新隐藏。现在我的问题是：目前，如果用户成功填写表单 – 并且它进入隐藏状态 – 用户必须先点击链接两次才能返回显示表单的切换状态。无论如何以编程方式将切换开关重置为其初始状态？

Jquery，隐藏和显示第n项后的列表项: 说我有一个无序列表，如下所示： One Two Three Four Five 我如何使用JQuery隐藏最后2个列表项并在那里有一个“显示更多”链接，所以当点击时，最后2个列表项会出现？ One Two Three Four Five Show More

jQuery切换动画: 我有这个jQuery： $(document).ready(function() { $(“#panel”).hide(); $(‘.login’).toggle( function() { $(‘#panel’).animate({ height: “150”, padding:”20px 0″, backgroundColor:’#000000′, opacity:.8 }, 500); }, function() { $(‘#panel’).animate({ height: “0”, padding:”0px 0″, opacity:.2 }, 500); }); }); 这工作正常，但我需要扩展function。我也希望同样操作另一个div的属性与#panel div同步。我尝试添加两个与辅助div相关的function，但我刚刚进行了4阶段切换……哈哈！原谅我的无知！多谢你们！

点击显示/隐藏点击jQuery: 我有一个div元素，所以当我点击它时，默认隐藏的另一个div是滑动和显示，这里是动画本身的代码： $(‘#myelement’).click(function(){ $(‘#another-element’).show(“slide”, { direction: “right” }, 1000); }); 当我#myelement单击#myelement时（如果已经显示元素），我将如何实现这一点，它将隐藏 #another-element如下所示： $(‘#another-element’).hide(“slide”, { direction: “right” }, 1000); ？所以基本上，它应该像slideToggle一样工作，但具有show/hidefunction。那可能吗？