Tag: show hide

jQuery – 如何使用子DIV显示/隐藏多个DIV

我有一个标记如下(代码从http://jsfiddle.net/nick_craver/srg6g/修改): London & South East South West, Ireland and Wales South Central & Home Counties North England, Northern Ireland & Scotland Midlands content london 1 content london 2 content south west 1 content south west 2 content south central 1 content south central 2 content north 1 content north 2 content midlands 1 content midlands […]

使用Jquery选择无标记文本

我有以下HTML; Some Text 我希望能够只隐藏文本。 到目前为止,我有这个; jQuery(function($) { $(“.postcontent”).$(‘[type=text]’).hide(); }); 编辑:我对html没有任何控制权,所以我需要通过Jquery添加它。

不能在div上应用简单的隐藏function

编辑:这是为了倾斜目的 我的标题中包含jQuery库: 在身体我有简单的div: 而在身体的最后是简单的脚本: $(“#image”).load(function () { $(“#image”).hide(); }); 我想在jQuery函数hide()加载后隐藏“image”div。 但是在页面加载后没有任何反应,div仍然可见。 在浏览器控制台中没有显示错误。 无法找出我做错了什么。 请,纠正我那里的平庸错误。

如何在slideToggle函数中更多/更少地更改div高度

我怎样才能更新我的代码,所以我可以用slideToggle()更改 高度,现在它几乎是正确的, 但是当我点击一个”read_more”并点击另一个时它就不对了。 我需要什么时候slideDown显示隐藏的p并将主 更改为特定高度,何时是slideUp隐藏此p并更改 之前的特定高度( “… Read More” base .main height, “… Read Less”新的。 .main高度”。 请参阅下面的演示或代码。 HTML Lorem ipsum dolor sit amet Ut enim ad minim veniam, quis nostrud exercitation. Duis aute irure dolor in reprehenderit in voluptate. … Read More Consectetur adipisicing elit On the other hand, we denounce with righteous. Gemoralized by […]

多个单选按钮选择中的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 […]

jQuery选择菜单显示具有相同ID的兄弟姐妹隐藏其他兄弟姐妹

我有一个选择菜单,根据ID显示或隐藏列表项。 除了我的列表有多个具有相同ID值的LI。 这仅显示列表中具有匹配ID值的第一个LI。 $(function() { $(“#orientation”).change(function() { if (this.value == ‘all’) { $(“#images”).children().show(); } else { $(“#” + this.value).show().siblings().hide(); } }); $(“#orientation”).change(); });​ http://jsfiddle.net/dRqRV/ 如何以相同的ID值显示所有兄弟LI?

Jquery:如果select有选项1 show div

好的,所以这个对我来说很棘手…… 我有一个动态创建的下拉菜单,如果选项“其他”在该下拉列表中,我想显示div #optionalmess Select Size Example</option Other 所以,如果.variationselect包含选项“Other”(或value =“21”),则显示#optionalmess 如果“其他”(值=“21”)不在下拉列表中,我想隐藏#optionalmess 我在正确的轨道上,但在写它时我是一个菜鸟.. 请帮忙! =)

显示/隐藏按类选择选项

我预先选择最常用的apx选项。 300选择元素,并希望区分这些值何时仍处于初始预选/默认状态与用户通过单击表单元素主动选择该值时的区别(表示他们主动决定离开它设置为该值) 。 为了做到这一点,我为每个预先选择的值创建了一对选项(值略有不同,即value=”50″对value=”50_Default” ),当点击元素时,我想要隐藏预先选择的选项并显示常规选项。 我想使用类作为选择器,以便该函数适用于所有Select元素,无论它们的值如何。 我在调整jQuery的show / hide方法到这种情况时遇到了麻烦,和/或修改了我在SOpost上看到的类似问题的答案,这些问题需要指定函数中的每个选项(即jQuery禁用基于Radio的SELECT选项)选择(需要支持所有浏览器) 。我确实找到了一个显示/隐藏的解决方案按类选择选项,但代码有点过于复杂,我不能自己适应所以我很乐意帮助修改它,如果这是最好的方法https://stackoverflow.com/a/5924965/1056713 我试图沿着这些方向做某事(这些function都不起作用) JS $(“.default_set”).click(function(){ $(this).children(“select option .default_field”).hide(); $(this).children(“select option .selected_field”).show(); }); // Store the hidden options (necessary in IE) $(“.hidden_field”).hide(); $(this).parent(“select option .default_field”).removeAttr(“selected”); $(this).parent(“select option .default_field”).hide(); $(this).parent(“select option .selected_field”).show(); HTML $0 $50 $50 $100 $150 这是我得到的最近的(在@kasdega的帮助下) http://jsfiddle.net/chayacooper/VN2Su/13/ ,使用值而不是类。 它也没有正常工作 – 在单击元素之前,小提琴不显示默认值,当我在计算机上运行代码时,我遇到了相反的问题 – 它在单击元素之前显示默认值,但不是它应该隐藏它。

jQuery显示/隐藏问题

我只是想尝试一个非常简单的jQuery动作。 我有两个组件: #safety和#safety-tab a #safety #safety-tab a , #safety-tab a需要在加载时隐藏。 单击#safety slideUp #safety-tab的链接时,它将hide自身并slideUp 。 这种作品,但#safety框只是点击闪烁,不会显示: $(document).ready(function() { $(“#safety-tab a”).click(function() { $(this).hide(); $(“#safety”).removeClass(“hide”); }); }); 虽然标记是这样的: … … 知道我做错了什么吗?

jquery show使用选择框/下拉列表隐藏问题

我在div里面有一个词。 这是下拉的一部分,但是下拉是隐藏的,特别关注的是现在的“DC”…在下面的图片中看着销售情况: HTML: RebuyingSales DC 单击“DC”后,会出现一个下拉选择。 请注意,类已从编辑更改为编辑。 RebuyingSales DC 这是我的show() hide()函数: //allow flipping between “look” and “touch” mode for all editable fields $(‘td.edit’ + suffix).click(function(event) { //make this the only TD in “editing” mode event.preventDefault(); back_to_look(); td_to_touch($(this)); }); var mouse_is_inside = false; $(document).ready(function() { $(‘td.edit’).hover(function(){ mouse_is_inside=true; }, function(){ mouse_is_inside=false; }); $(“body”).click(function(){ if(! mouse_is_inside) $(‘.touch’).hide(); back_to_look(); […]