Tag: slidetoggle

获取.slideToggle（）影响的显示状态元素？: 我已经尝试过is(‘:visible’) ， is(‘:hidden’)和css(‘display’)但我无法获得元素的显示状态.slideToggle() 我错过了什么？这是jsfiddle： http ： //jsfiddle.net/djlerman/jbNg3/1/ 和代码： Test Slide Toggle .ui-icon { float:left; } $(document).ready(function () { $(‘span#expandList’).click(function () { if ($(this).attr(‘class’) == “ui-icon ui-icon-triangle-1-s”) { $(this).attr(‘class’, “ui-icon ui-icon-triangle-1-e”); } else { $(this).attr(‘class’, “ui-icon ui-icon-triangle-1-s”); } $(this.parentNode).nextAll(‘ul’).eq(0).slideToggle(); $(‘#debug’).html($(this.parentNode).nextAll(‘ul’).eq(0).attr(‘id’) + ‘ is(:visible): ‘ + $(this.parentNode).nextAll(‘ul’).eq(0).is(‘:visible’) + ” + $(this.parentNode).nextAll(‘ul’).eq(0).attr(‘id’) + ‘ is(:hidden): ‘ + […]

JQuery – 如何将外部内容加载到一个div中，使用滑动效果切换div，并自动向下滚动以查看扩展的div: 在我的HTML页面上，我有： 4个图像排成一排，1个div直接坐在下面 – 倒塌了。根据用户点击的图像，我想将相应的外部页面内容加载到该DIV中（使用ajaxpage.js？）。当内容加载到DIV中时，DIV应该通过滑动操作切换打开。（使用jquery.togglr.js？）我还希望浏览器自动向下滚动到扩展的DIV，否则，用户可能看不到额外的内容已被切换打开。滚动应该有缓动效果。（使用jquery.scrollTo.js？）最后，如果用户点击切换DIV打开的同一图像，它应该关闭DIV。如果用户在DIV已打开的情况下单击另一个图像，则只需加载新内容，而无需关闭并打开DIV。困难在于如何正确集成所有不同的jquery插件以获得所需的行为？谢谢。

关闭slideToggle时如何重置选定的单选按钮？: 我有一个简单的slideToggle设置，可以在页面上打开div。一些div有自我测试。当div关闭时，我无法弄清楚如何重置单选按钮。这是jQuery： $(“h2.titleTrigger”).click(function(e){ e.preventDefault(); //TOGGLE OPEN/CLOSE THE DIV $(this).toggleClass(“active”).next().slideToggle(“fast”); return false; }); //self test $(‘input:radio’).bind(‘change’,function(e){ e.preventDefault(); var parentId = $(this).parents(‘.selfTest’).attr(‘id’); $(‘#’+parentId+’ .selfTestWrong’).addClass(‘answerShown’); $(‘#’+parentId+’ .selfTestAnswer’).slideDown(300); }); 看到它在这里工作： http ： //jsfiddle.net/3XBgu/ 当用户关闭slideToggle时，将自检重置为未选择状态的最佳方法是什么？

jQuery slideToggle奇怪的行为: 我真的需要帮助，我看不到明显的东西，通常最好是寻求帮助。我在12列网格中有4个div。每个div都是可点击的，点击后应显示其下方的相应div，最初设置为display：none。一切都很好，只要我按顺序从头到尾点击它们，但如果我第一次点击，让我们说第三个div，它显示其相应的div，但不是在它下面，它显示它代替第一个相应的div 。我在这里使用简单的slideToggle，实际上无法理解有什么问题。如果我将相应的div（隐藏的那些）显示为可见，它们都会正确显示，所以它不是CSS错误。我可以提供代码，但我把它放在网上，只需单击方法选项卡，你就会明白我的意思。链接在这里对不起，如果我没有更好地解释它，英语不是我的母语。谢谢！

为什么这个jquery slideToggle代码不起作用？: 我正在尝试更改展开/折叠按钮的按钮文本。基本上，用户单击“折叠”并执行slideToggle，当完成slideToggle时，我将按钮文本更改为“Expand”，反之亦然。下面的代码非常有用，但是如果你快速单击展开/折叠按钮，它就会失去理智并在已经展开时显示“展开”，或者当它已经折叠时显示“折叠”。任何提示都表示赞赏。谢谢！ function toggleBox（button，box）{if（$（box）.is（“：hidden”））{$（box）.slideToggle（“slow”，function（）{$（button）.html（“Collapse”） ;}）; } else {$（box）.slideToggle（“slow”，function（）{$（button）.html（“Expand”）;}）; }}

多个slideToggle div之间的转换: 我的网页的基本function是我将有缩略图， .thnail将显示一个项目，当点击时，下拉面板， .dropdown ，将向下滑动以显示关于缩略图的项目的图像（轮播插件）点击。function几乎就在那里，但点击缩略图之间的过渡非常突然。我希望面板滑动，然后在选择了另一个缩略图后再滑动。问题是我需要将.dropdown和.thnail分开，因为我正在为我的轮播使用复杂的插件，所以它们不能是父/子。这是我的JSFIDDLE 我发现了这个教程，但是我在实现它时遇到了麻烦，因为它基于父/子关系而我的html基于ID关系。其次，有没有办法通过rel=”…”而不是href=”#”来关联我的ID？有关系吗？

显示切换隐藏其他div jquery: 我有2个链接，都显示不同的div。我已经让它滑动了所有罚款。但我需要它做的是折叠相反的切换（如果它打开）。与手风琴面板的工作方式类似（当您触发显示切换链接时，打开的面板关闭，新触发的面板打开）。这是我目前正在使用的jQuery //Left reveal toggle $(“.left-reveal-toggle”).on(“click”, function () { $(‘.left-reveal-section’).slideToggle(“slow”); $(“.left-reveal-toggle”).toggleClass(“active”); }); //Right reveal toggle $(“.right-reveal-toggle”).on(“click”, function () { $(‘.right-reveal-section’).slideToggle(“slow”); $(“.right-reveal-toggle”).toggleClass(“active”); }); 这是一个有效的JSFiddle链接： http ： //jsfiddle.net/wq73aeuh/1/ //Left reveal toggle $(“.left-reveal-toggle”).on(“click”, function() { $(‘.left-reveal-section’).slideToggle(“slow”); $(“.left-reveal-toggle”).toggleClass(“active”); }); //Right reveal toggle $(“.right-reveal-toggle”).on(“click”, function() { $(‘.right-reveal-section’).slideToggle(“slow”); $(“.right-reveal-toggle”).toggleClass(“active”); }); .left-panel { min-height: 400px; background: #31b9ce; width: 50%; […]

jquery slideToggle调用一次: 这可能非常简单，但是大约凌晨2点而且非常困倦:) 我有一个简短的脚本，其中“slideToggle”div不显示。 $(‘#cmnt_add’).click(function () { $(‘.dark_div_add’).slideToggle(1100); }); 有没有机会进行一次锻炼，所以如果打开未显示的DIV，点击相同的链接将无法做到这一点？先感谢您！

将jQuery函数从hover更改为slideToggle: 在SOers的帮助下，我能够更有效地使用hover和淡入/淡出function来显示此图像布局下的文本div。但是我想使用slideToggle，因为hover时，文本闪烁，div反弹。我如何调整此函数以使用slideToggle，其中切换需要单击每个图像？ jsfiddle： http ： //jsfiddle.net/Ckrtu/11/ 这是我想要做的图像：这是旧的hoverfunction $(document).ready(function() { $(“#imagegallerydiv”).delegate(“dt[class]”, “hover”, function(e) { if (e.type === “mouseenter”) { var index = $(this).parent().index(); $(“#wide-text-div-under-all-images div”).eq(index).fadeIn(‘fast’); } if (e.type === “mouseleave”) { var index = $(this).parent().index(); $(“#wide-text-div-under-all-images div”).eq(index).fadeOut(‘fast’); } }); }); CSS： #imagegallerydiv {width: 700px; height:200px; margin:5px; text-align: center;} dl.gallery {width: 97px; text-align: center; float: […]