Tag: show hide

JavaScript显示/隐藏选项卡

我想要的是首先隐藏所有内容,然后单击一个选项卡,相应的内容显示(选项卡变为“活动”),再次单击它将消失。 一些标签只是一个’mailto’链接。 问题是我再次点击时无法隐藏标签 $(document).ready(function(){ $(‘#nav div’).hide(); $(‘#nav div:first’).show(); $(‘#nav ul li:first’).addClass(‘active’); $(‘#nav ul li a’).click(function(){ $(‘#nav div’).hide(); $(‘#nav ul li’).removeClass(‘active’); $(this).parent().addClass(‘active’); var currentTab = $(this).attr(‘href’); if($(currentTab).css(‘display’)==’none’){ $(currentTab).show(); }else{ $(currentTab).hide(); } } ); }); 导航代码如下: About Email Contact about contact

JQuery .Show()不能与服务器控件一起使用?

我有2个html TR,我让他们runat=”server” & visible=”false” ,我有一个名为citiesDropDownList的下拉列表 $(document).ready(function() { $(‘#’).change(function() { ValidateCity(); }); }); 并且在更改此下拉列表时,我检查其文本是否等于字符串我显示2 tr如下所示 function ValidateCity() { if ($(‘# :selected’).text() == identity_CityOther) { $(‘#’).show(); $(‘#’).show(); } var city = $(‘#’).val(); return IsValid((city.length != 0), ‘#’, identity_CityRequired); } .show()根本不起作用,我不是理由..能不能引导我解决问题? 仅供参考:我尝试了$(‘#’).show(‘slow’); 还有$(‘#’).css(‘visibility’, ‘visible’); 但它也不起作用……

jquery的show / hidefunction如何工作?

我对切换可见性函数有一些问题,该函数对元素的hidden属性进行操作。 麻烦的是,这缺乏浏览器兼容性.. function hide(e) {$(e).hidden=true;} function show(e) {$(e).hidden=false;} 谷歌搜索这个问题我遇到了切换style.display属性的方法,就像这样.. function toggle(e) { document.getElementById(e).style.display = (document.getElementById(e).style.display == “none”) ? “block” : “none”; } ..但这似乎不是最佳的,因为您不能拥有将display属性设置为block的通用显示/隐藏function。 如果有问题的元素有时应该有inline或其他内容怎么办? 例如jQuery如何解决这个问题?

使用jQuery显示/隐藏Checkbox

我试图根据复选框显示/隐藏html表单的一部分。 这是我的基本代码: function toggle(className){ var $input = $(this); if($(this).prop(‘checked’)) $(className).show(); else $(className).hide(); } Check Here This is the text. 当您单击复选框时,跨度将被隐藏,并且不会再返回。 我还使用了$(this).is(‘:checked’) 。 似乎$(this).prop(‘checked’)正在评估是否检查它是否为false 。 我最好的猜测是我正在使用$(this) 。 我在这里想念的是什么?

滚动显示/隐藏Div

我有一个div位于幻灯片的底部,当用户滚动或使用向下箭头时我想要消失,然后在滚动回到顶部时重新出现。 我猜这是结合了jquery滚动function?

jQuery Show-Hide DIV基于Checkbox Value

使用AJAX我用一堆复选框填充DIV(每个复选框都有自己唯一的ID)。 ID是“projectID1”,“projectID2”,“projectID3”等……我给所有复选框都提供了一个“pChk”类。 我的最终目标是,如果选中了任何复选框,则显示包含提交按钮的DIV。 包含提交按钮的DIV显示的唯一时间是未选中所有复选框。 但是,我在下面提出的代码显示/隐藏了每个复选框实例的提交按钮DIV。 换句话说,如果我有三个复选框CHECKED并且我取消其中一个复选框,则提交按钮DIV将被隐藏。 非常欢迎您的专业建议! function checkUncheck() { $(‘.pChk’).click(function() { if (this.checked) { $(“#ProjectListButton”).show(); } else { $(“#ProjectListButton”).hide(); } }); }

jQuery和css:使用某个css类隐藏/显示选择选项

在html代码中我选择了这样的选项: Value1 在jQuery中: var cod = $(this).val(); // This is the value of another select: when the value $(“option[class^=myclass]”).hide(); $(“option[class^=myclass]”).each(function () { $(“option[class^=myclass” + cod + “]”).show(); }); 编辑 我有两个选择。 当我在第一个选择中选择一个值时,必须相应地填充第二个值(我必须阻止ajax调用)。 我将所有第二个选择值放在会话var中,但我的问题是只选择那些与第一个选择相关的值,所以我试图通过css类。 EDIT2 Choose… Value1 Value2 Value3 Choose… Value11 Value12 Value13 Value21 Value22 Value23 Value31 Value32 Value33 EDIT3 对我来说,绿色的解决方案是好的,但IE上有一个问题,我没有成功解释:当我使用后退按钮时,用户选择的值是“丢失”,也就是说,如果我登录控制台的用户选中的值,我在新的克隆选择中看到它的“索引”。 在html源代码中,有整个原始选择。 EDIT4 我解决了这篇文章 https://forum.jquery.com/topic/jquery-select-box-selectedindex-problems-in-internet-explorer-ie-on-refresh-and-back-buttons