Tag: 显示隐藏

Orbit ZURB jquery在鼠标hover时淡入/淡出导航按钮

我正在使用jQuery图像滑块插件 – Orbit。 我试图在鼠标hover/鼠标移动时显示/隐藏导航按钮。 不知怎的，我设法这样做了： http ： //jsfiddle.net/sherlock85/mZYX9/15/但是当你将鼠标光标移动到导航按钮上时它会闪烁并且不会改变幻灯片。 我将不胜感激任何帮助。

隐藏所有下一个tr td直到下一个tr th

它应该很简单但是这个jQuery函数占用了很多元素，它甚至隐藏了我认为的jQuery。 我想做的是，当一个人点击一个tr时 ，所有下一个tr td应该隐藏到下一个tr 。 我怎样才能使这段代码工作？ th { background:#dad; font-weight:bold; font-size:16px; width: 50%; } td { background:red; font-weight:bold; font-size:16px; width: 50%; } Show it 3 test 1 test 2 Show it 2 test 3 test 4 $(‘#example tr th’).click( function() { //alert($(this).parent().html()) $(this).parent().nextUntil(‘tr th’).toggle(); })

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 show / hide / toggle工作，但不能保持原样 – 它恢复到原始状态

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

过滤：如何在点击时隐藏/显示（切换）某些表格行？

假设这个表（实际上它可能有更多的列和行）： Type Color Wheels Car Red 4 Motorcycle Green 2 Bike Blue 2 Car Blue 4 Bike Green 2 Motorcycle Red 2 现在我的目标是能够点击表格数据（单元格），例如“Car”，然后只显示两辆车。 再次单击“Car”应再次显示孔表。 或者单击“红色”，然后只显示红色车辆（红色汽车和红色摩托车）。 如何使用jQuery实现这一目标？