Tag: toggle

jQuery：移动窗口视口以显示新切换的元素: 我在doc中准备了一段jQuery，它可以切换包含textarea的div： $(‘div#addnote-area’).hide(); // hide the div $(‘a#addnote-link’).click(function() { // click event listener on link $(‘div#addnote-area’).toggle(); // toggle the hidden div }); 单击链接时，切换function正常。我遇到的问题是如果div#addnote-area低于浏览器的当前视口，它会在显示时保留在那里。我希望用户的光标转到textarea，并且整个textarea可以在窗口中查看。点击此处查看图片http://sofzh.miximages.com/jquery/5ousuv.png

按下时如何更改切换按钮文本？: 我希望能够按下一个显示“隐藏”的按钮，然后在用户单击按钮时说“显示”。在下面的代码中，切换部分可以正常工作，但是现在我需要隐藏“隐藏”文本，以便在隐藏内容后转向“显示”。我从以下网站获取了切换代码： http ： //thedesignspace.net/MT2archives/000298.html#.UW61YqKG33U function toggle(element) { document.getElementById(element).style.display = (document.getElementById(element).style.display == “none”) ? “” : “none”; } Header Return to Top Hide Products – Prodcut Name Text here Text here Text here Text here

用jquery切换show \ hide但有多个id: 我有一个php页面，它生成多个UL和每个UL上面的链接，就像这样 Category one Subcategory Subcategory Category two Subcategory Subcategory 因为每个主要类别中有许多子类别我想要隐藏UL并且仅在我单击锚点时显示它们。我正在尝试使用这个jquery： $(document).ready(function() { $(‘#toggle-link’).click(function() { $(‘#ul-to-hideshow’).toggle(‘slow’); }); }) 这可以正常工作，但仅适用于第一个UL和具有相同ID的锚点。我需要以某种方式修改它以传递每个UL或锚的id并打开和关闭每个UL。我有每个锚点及其UL的唯一ID。如何修改脚本？

jQuery切换Cookie支持: 我正在尝试将jQuery Cookie插件实现到我的幻灯片切换脚本中，但到目前为止还没有成功。这是我的代码（没有任何cookie实现）： jQuery的： $(document).ready(function() { $(‘a.toggle’).click(function() { var id = $(this).attr(‘name’); $(‘#module’ + id).slideToggle(‘fast’); $(‘a.toggle[name=’+id+’]’).toggle(); return false; }); }); HTML： – Hide + Show Hello World 任何人都知道在现有代码中实现jQuery Cookie插件是否容易，以便记住打开/关闭状态？谢谢。

如何向下滑动div然后.fadeIn（）内容，反之亦然？: 目标当用户单击该按钮时，相关div将：滑下停淡出内容当用户再次单击该按钮时，div将：淡出停向上滑动当前位置这是一个fadeIn和fadeOut在正确的时间发生的例子，但fadeIn和fadeOut之前和之后都没有滑动效果 http://jsfiddle.net/tkRGU/1/ 此选项还有slideTogglefunction，但分别在幻灯片之前和之后没有出现fadeIn和fadeOut 。 http://jsfiddle.net/MY8DD/7/

Jquery：animate .outerWidth（）？: 动画宽度切换时，它不是动画填充，所以我查看.outerWidth（）但我不确定如何实现这个… $(‘#shareheart’).click(function(){ $(‘.share-text’).animate({outerWidth: ‘toggle’}, 2000) })

jQuery fadeToggle如果当前是动画的，则忽略进一步的输入: 我有一些缩略图，当你hover时，它们会有一个淡入淡出的播放按钮。我的问题是，当你反复盘旋它们时，说三次，它们会淡入淡出三次。我曾经遇到过一个jQuery函数，其中包含一个if then语句粗略地说它是否是动画而忽略了进一步输入..但我不确定语法是做什么的。想法？谢谢！这是一个jsFiddle： http ： //jsfiddle.net/danielredwood/66FwR/10/ HTML： Your browser does not support HTML5 audio. Your browser does not support HTML5 audio. Your browser does not support HTML5 audio. JavaScript的： $(‘.play’).hide(); $(‘.thumbnail’).hover(function(){ $(‘.play’, this).fadeToggle(400); });

单击链接时切换文本: 我有以下代码将div（称为#extra ）切换到视图中： $(‘#more’).click(function() { $(‘#extra’).slideToggle(‘fast’); return false; }); 我的点击function是这个链接： More about us 当#extra div可见时，如何将“关于我们的更多信息”文本更改为“少关于我们”？当点击相同的链接隐藏div时，我希望链接的文本更改为“更多关于我们”。

jQuery切换动画不适用于新的jQuery: 我在jQuery 1.8.2上有这个切换的问题我工作但是在1.11.0没有。你能帮我解决什么问题吗？ $(‘.open’).toggle(function () { $(‘.obj’).animate({ top: “0” }, 500); },function () { $(‘.obj’).animate({ top: “-8%”, }, 500); });

如何在两个div之间切换: 我试图在两个div之间切换。例如，onload，我希望显示左侧内容，并且正确的内容将保持隐藏状态。如果我单击右侧div，我希望隐藏左侧内容并显示正确的内容，反之亦然。我是javascript的新手，但这就是我所拥有的。我似乎无法让它发挥作用。请帮忙… 这是我的HTML代码： Left Right This is the content for the left side This is the content for the ride side 这是我正在使用的Javascript： function toggle_visibility(id) { var e = document.getElementById(id); if(e.style.display == ‘block’) e.style.display = ‘none’; else e.style.display = ‘block’; }