Tag: 显示

单击父时隐藏所有可见的: 晚上好我有ul的forms的ul，li和嵌套下拉菜单的基本结构。我想要做的是，当点击父li时，将显示子ul。当再次点击li时，孩子会隐藏。所以这就是我到目前为止所做的 $(document).ready(function() { $(“ul#glass-buttons li”).toggle(function() { $(“ul”, this).show(); }, function () { $(“ul”, this).hide(); }); }); 它工作得很好，唯一的问题是有多个子下拉菜单。因此当一个人打开并且我点击另一个父李时，两个孩子的ul都保持打开并重叠。任何人都可以推荐最好的方法，当我们不再需要时，我可以隐藏所有可见的ul。此外，当用户单击文档中的任何位置时，隐藏任何打开的ul的最佳方法是什么？首先十分感谢。 =]

缩略图hover时切换图像？: 请看这个小提琴： http ： //jsfiddle.net/rabelais/e47xq/2/ 当用户在缩略图上hover时，我想显示缩略图的大图像。以下是我的出发点。有什么建议怎么做？在我的最终版本中，可能有20个缩略图，所以我需要尽可能简洁的代码。 $(“.thumnails”).on(“mouseover mouseout”, “a”, function () { $(‘#’).toggle(); });

根据选择选项显示div: 哦，帮助，我已经尝试了一百万种不同的方法，但它仍然不起作用：如果从选择/选项框中选择更新或最终，它应该显示其中包含输入字段的div。它只执行switch语句中默认显示的内容。当然，只有在做出选择后我才能确定它是否显示输入字段。在头部… $(document).ready(function(){ $(‘#needfilenum’).hide(); var optionValue = $(“#needtoshow”).val(); switch (optionValue) { case ‘update’: $(“#needfilenum”).show(); break; case ‘final’: $(“#needfilenum”).show(); break; default: $(“#needfilenum”).hide(); break; } }); //}); ‘ Select Something Update Final Vegan 我可以更改交换机上的默认值，这似乎决定了它所显示的内容 // $(“#needtoshow”).change(function() { // switch ($(this).val())

如何根据输入值显示/隐藏多个div？: 我为我的网站创建了一个假的控制台导航，人们必须输入一个特定的值或“命令”来显示它对应的div。我得到这个为一个div工作，但我想知道如何让它与多个div一起工作。当我尝试这个jquery脚本时，div会独立显示，但是如果我尝试一个接一个地搜索，＃div2会出现在＃div1的左边并且做一些奇怪的闪烁，或者＃div1拒绝消失。 var div = $(‘#div1’).hide(); $(‘input’).keydown(function() { var value = this.value; if ($(‘input’).val() == ‘div1’) { $(‘#div1’).slideDown(); } else { div.hide(); } }); var div = $(‘#div2’).hide(); $(‘input’).keydown(function() { var value = this.value; if ($(‘input’).val() == ‘div2’) { $(‘#div2’).slideDown(); } else { div.hide(); } }); div1 content div2 content 当你退格并输入输入条目字段时，我希望div消失，并且我希望当你输入新命令时当前div消失。那么我需要改变什么呢？ div需要包装吗？

显示类而不是ID（jQuery）: Tab1 content … var a = $(this).attr(‘href’); $(a).show(); 这可以工作，但只有当容器有一个ID，因为锚链接以“＃”开头，我如何使它与一个类一起工作，以便识别 content ？非常感谢

如果javascript关闭，可以显示/隐藏: $(document).ready(function(){ $(“#CO_createAccount”).click( function (){ if(this.checked){ $(“.CO_accountForm”).show(); } else { $(“.CO_accountForm”).hide(); } }); }); 我将“.CO_accountForm”的css设置为“display：none;” 但是，如果关闭javascript，我希望隐藏元素可见。我假设我可以通过添加上面的隐藏类来做到这一点，但我该怎么做呢？谢谢！

隐藏/显示切换具有相同类名的单独div: 我有一个UL列表，每个LI都有一个隐藏的DIV，以及一个显示隐藏DIV的“更多信息”链接。但是，单击此按钮也会显示所有其他LI的隐藏DIV。我怎样才能隐藏/显示LI中的DIV，而不是所有其他隐藏的DIV节目？如果我点击一个我怎么能隐藏其他人？我想保留这部分，但以后我想删除它。同样点击我希望“更多信息”链接中的文字更改为“隐藏”。这是我目前的脚本： $(window).load(function() { $(‘.grey_button a’).toggle(function() { $(‘.job_description’).slideDown(”); return false; }, function() { $(‘.job_description’).slideUp(”); return false; }); });

多个单选按钮选择中的jquery show / hide元素: 我对Web开发很新，如果你甚至可以称之为，尤其是jQuery，我用jQuery打了一个砖墙。我所拥有的是一个表单（用于选择目的），以及一系列Paypal按钮。我需要执行的function是显示/隐藏，但仅当选择了三个单选按钮的特定选项时。每三个组合选择是显示/隐藏相应的贝宝按钮。我可以通过单一forms的无线电选择来显示/隐藏，但不能用于组合。你不得不原谅我的卷心菜编码，因为我还只是一个初学者，代码可能会更加优化，幸好它只是一个低流量的网站/小市场进入。对任何可以帮助我的人都感到荣幸。设法隐藏所有按钮。下面的脚本 $(document).ready(function(){ //Hide div w/id extra $(“#button1,#button2,#button3,#button4,#button5, #button6,#button7,#button8,#button9,#button10, #button11, #button12, #button13, #button14,#button15, #button16,#button17,#button18,#button19,#button20, #button21,#button22,#button23,#button24, #button25,#button26,#button27”).css(“display”,”none”); }); 这是表格html Choose from the following Leg options Choose what leg options you would like: 1 x Carvery and 1 x Butterfly Legs OR 2 x Carvery Legs OR 2 x Butterfly Legs […]

在窗口滚动上显示/隐藏div: 我有一个默认隐藏的div元素#btns 。它应该在从顶部滚动200px显示，并在从顶部500px后再次隐藏。这是我的（非工作）代码： $(window).scroll(function() { if ($(this).scrollTop()>200) { $(‘#btns’).fadeIn(); } elseif ($(this).scrollTop()<500) { $('#btns').fadeIn(); } else { $('#btns').fadeOut(); } });

使用jquery 1.9显示隐藏的内联块元素: 我有显示隐藏块的问题，如果它们是css：inline-block。 div.profile{ display: inline-block; } profile info 但是当我做$（’.profile’）。show（）它变成了style =’display：block’（我可以在firebug中看到它）并且压制我的css风格…… 我怎样才能解决这个问题？顺便说一句，在jquery 1.4中它可以正常工作。谢谢。 UPD $ .css（’display’，’inline-block’），imo，不是通用的解决方案。