Tag: hide

Javascript show hide基于单选按钮: 我有一些粗略的代码，允许我根据两个单选按钮过滤一些结果。我正在努力添加第三个变体，它将作为“全部显示”，即一次显示所有四个div。任何帮助将非常感激。 Variants Variant 1 Variant 2 $(document).ready(function(){ $(“input[name$=’type’]”).click(function(){ var value = $(this).val(); if(value==’variant-2′) { $(“.variant-1”).show(); $(“.variant-2”).hide(); } else if(value==’variant-1′) { $(“.variant-2”).show(); $(“.variant-1”).hide(); } }); $(“.variant-1”).show(); $(“.variant-2”).hide(); }); Variant 1 Variant 2 Variant 1.1 Variant 2.1

在文档准备好时调用hide（）时闪烁: 当文档准备好在具有display:block的特定上时，我调用hide（）函数display:block和visibility:visible默认情况下visibility:visible （我们默认显示它，我们尝试用jQuery隐藏它）。有时当我刷新页面时，在几分之一秒内出现，然后根据hide()函数消失。我的问题：有没有办法避免这个闪烁？谢谢

仅使用JS在hover时显示文本: 我尝试了一个CSS解决方案但不起作用（我相信这是我正在使用的软件或服务器的错误）。现在寻找java解决方案。简而言之，我希望文本在hover时显示。这是我想出来的但是它不起作用（我是菜鸟）…. Hello1 Hello2 计划是让Hello2显示出来。 Hello1仅在hover时显示。 $(“.spire-menu”).hover(function () { $(this).find(‘.menu-item’).show(); }, function () { $(this).find(‘.menu-item’).hide(); });

如何隐藏多个项目但只调用一次处理程序？: 我隐藏了多个这样的项目： $(‘#item1,#item2,#item3’).hide(‘slow’,function() { console.log(‘hidden’); }); 问题是这个记录了四次。由于我无法控制的原因，我不能在每个元素上使用公共类。是否有一个很好的jquery-ish方法使这个处理程序只在最后一个项隐藏后触发？（或者第一个，因为它们应该是几乎同时的）此外，元素将被隐藏并显示多次，因此用于限制处理程序调用的任何内容都必须在之后重置。我显然可以在处理程序中添加某种布尔值，但我希望有一个更清晰的解决方案。

jQuery – 按值隐藏选项元素: 试图隐藏列表中的选项元素。我尝试了几种方法，似乎无法工作。我需要按名称调用select，因为我无法添加ID或类。 $(‘select[name*=”boxes”] option[value=”box6″]’).hide(); 这里的小提琴： http ： //jsfiddle.net/q2nb08t6/ 有什么建议？

jQuery的hide和slideUp方法是否相同？: slideUp(‘slow’)和hide(‘slow’)产生相同的动画效果吗？示例代码： $(document).ready(function(){ $(“#hide”).click(function(){ $(“p”).hide(‘slow’); }); $(“#show”).click(function(){ $(“p”).show(‘slow’); }); }); If you click on the “Hide” button, I will disappear. Hide Show

jQuery切换多个类: 我想使用jQuery切换在同一个类上显示/隐藏多个div。目前，按钮显示/隐藏所有 div。如何在不使类独特的情况下切换一个div？小提琴演示。 jQuery的： $(“.button”).click(function() { $(“.comment”).toggle(); }); HTML： Comment 1 Show Comment Comment 2 Show Comment

如何使用jQuery将多个选择器隐藏一次: 怎么这个.. $(“div.toggle1”).hide(); $(“div.toggle3”).hide(); $(“div.toggle4”).hide(); $(“div.toggle5”).hide(); 与…不相等 $(‘#container div’).not(‘.toggle2’).hide(); 在单击事件上发生，但它与手动键入多个hide（）标记不同。我只是想减少我在父母#container div中添加的每个div的hide（）标记用法。

当搜索字段失去焦点时，使搜索菜单消失，但仍允许用户单击链接: 在我的网站上，我有一个搜索框（文本输入字段）。当用户点击它并开始键入文本时，会出现一个链接菜单。菜单通过JQuery显示 – 以下命令使菜单显示： “.focus(function() { $(“#instant_search_wrapper”).show(); }); ” 当用户点击搜索框时，我希望菜单消失。最简单的方法是使用以下命令： “.blur(function() { $(“#instant_search_wrapper”).hide(); });” 但是，如果我这样做，那么当用户点击菜单中的链接时，文本输入字段会失去焦点，因此菜单会在用户进入选择页面之前消失。当搜索字段失去焦点时，我怎样才能使菜单消失（但如果用户在搜索字段失去焦点之前点击链接，他/她仍然可以被带到链接）？