Tag: slidetoggle
消除slidetoggle上的弹跳球效果
似乎它在一些循环中为少数，然后它稳定。 此人在此video中遇到了类似的问题： http ： //www.youtube.com/watch？v = KCFeImyBzfE 此外，此代码的另一个问题是，一旦您显示跟踪列表，然后再次隐藏它，单词停止翻转。 它最终说“隐藏跟踪列表”，它们已经被隐藏了。 $(document).ready(function() { $(‘.fullTracks’).hide(); $(‘.tracklist’).click(function() { $(‘.fullTracks’).slideToggle(‘medium’); if ($(‘.fullTracks’).is(‘:hidden’)) { $(this).text(‘Show Tracklist’); } else { $(this).text(‘Hide Tracklist’); } }); });
slideToggle高度是“跳跃”
我的jQuery slideToggle()实验 任何人都可以告诉我为什么我打开它时我的盒子“跳”？ 上半场他们滑了，其余的他们“跳”？ 谢谢，约翰内斯
仅使用列表在IE8中使用Jquery slideToggle问题
我是Jquery的新手，并且第一次尝试使用slideToggle创建一些下拉列表。 其中一些堆叠在一起，当一个被点击时，所有其他人应该崩溃。 我确信我的代码并不理想，因为我刚刚开始，但除IE8外，一切正常。 在IE8中，当关闭一个时，下拉列表之间的空间会崩溃，而且一切都搞得一团糟。 您可以使用页面左侧的菜单在demo.djcase.com上查看问题。 所有jquery代码都位于http://demo.djcase.com/sites/all/themes/djcase/script.js 任何帮助，将不胜感激。 谢谢。 布赖恩
jQuery甚至没有被调用
我不知道这里发生了什么……我正在尝试在我的菜单上添加一个幻灯片…似乎很简单..我试图简化这个尝试找到问题（意思是我已经采取了所有的链接和额外的jquery，只有底部的例子 – 最后的段落）但我不知道错误是什么..（其他它没有做任何事情） 包括： 剧本： $(“button”).click(function() { $(“p”).slideToggle(“slow”); }); HTML： Account Welcome, User Options <%= Html.ActionLink( x => x.List(), “All Events” )%> <%= Html.ActionLink( x => x.List(), “My Events” )%> <%= Html.ActionLink( x => x.Edit(), “My Profile” )%> <%= Html.ActionLink( x => x.List(), “All Clubs” )%> <%= Html.ActionLink( x => x.List(), “My Clubs” )%> <%= […]
在动画或slideUp / slideDown中使用stop（）时的jQuery高度
我有一个隐藏子菜单的菜单。 当我鼠标hover在菜单项上时，我正在设置子菜单的动画，当我鼠标移出时，我会关闭。 当用户将鼠标放在很多菜单项上时，所有动画都会排队。 为了解决排队问题，我在动画之前添加了一个stop（）。 这导致了更糟糕的问题，子菜单的高度减小到我鼠标移出时的大小。
jQuery – 垂直向上切换（即不向下）
我需要创建一个向上动画而不是向下动画的切换，换句话说就是“正常”切换的反向。 也许更简单的是切换应该在菜单项（它是一个菜单）上方滑动以变得可见而不是像普通的slideToggle等那样向下滑动。 我几乎在这里： var opened = false; $(“#coltab li”).click(function(){ if(opened){ $(this).children(‘ul’).animate({“top”: “+=300px”}); } else { $(this).children(‘ul’).animate({“top”: “-=300px”}); } $(this).children(‘ul’).children().slideToggle(‘slow’); $(this).children(‘ul’).toggle(); opened = opened ? false : true; }); 但是如果你“切换”一个项目那么另一个项目（向下滑动）会下降300px而不是向上滑动（加注）300px。 我想要实现的一个好例子（讨厌网站）是http://market.weogeo.com/#/home和底部的“标签”。 我的HTML代码正在使用 Item 1 This bit needs to toggle up Item 2 This bit needs to toggle up etc … 在CSS方面 ul#coltab { position: relative’ blah; […]
jQuery slide一次切换一个div而不是全部独立
我正在使用下面的函数来切换div，并且使用它，可以独立于所有条目打开或关闭任何一个条目内容div。 如果只有一个入口内容div可以随时打开，那将会是多么美妙。 单击关闭的entry-title div将关闭任何其他entry-content div，然后打开单击的div。 我需要继续使用html标记，因为它是由Wordpress动态创建的。 这可能吗？ function： jQuery(document).ready(function($) { $(“.entry-content”).hide(‘slow’); $(“.entry-title”).click(function() { $(this).parent().children(“.entry-content”).slideToggle(500); }); }); HTML Post Title 1 Lorem Ipsum… Post Title 2 Lorem Ipsum… More of the same….
是否可以使用Easing滑动切换div并设置最小高度？
我有一个div使用slideToggle和easing进行折叠和扩展。 $(‘button’).click(function () { $(‘div’).slideToggle(‘2000’, “easeOutBounce”); }); 当它向上滑动时，我想要它具有最小高度，以便总是有一个小的可见内容。 所以当它向下滑动时有height:(div height)和slideUp, height:10px; 请注意，div可以有任何高度，这就是我不使用动画的原因。
使用jQuery slideToggle一组Table Rows
我是javaScript和jQuery的新手，所以希望这将是一个快速解决方案。 我需要显示一个包含数据的表格，这些数据可以分为几个类别，我想实现一个slideToggle，它隐藏/显示每个给定类别中的所有观察结果。 下面的代码应该（理想情况下）显示一个包含4列和9行的表，每组3行，前面是绿色的“Section i”行。 我希望每个Section标头都可以作为一个slideToggle来扩展或折叠它下面的所有行。 现在，没有任何东西在崩溃。 有什么想法吗？ td{padding:5px;} $(document).ready(function(){ $(“.flip”).click(function(){ $(this).next(“.section”).slideToggle(); }); }); Column1 Column2 Column3 Column4 Section 1 item 111 item 112 item 113 item 114 item 121 item 122 item 123 item 124 item 131 item 132 item 133 item 134 Section 2 item 211 item 212 item 213 item 214 item 221 […]
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插件是否容易，以便记住打开/关闭状态？ 谢谢。
