Tag: hide

jQuery显示/隐藏下一个div

如何显示/隐藏下一个div? 以下代码有效: jQuery(“.edittopic”).click(function() { jQuery(this).next(“.t_edit_cont”).toggle(); }); …仅当t_edit_cont div位于edittopic按钮后面edittopic 。 目前,我将它们放在单独的DIV中,如下所示: Show hide content inside here… 我怎样才能做到这一点? jsfiddle演示 。

在页面加载之前隐藏HTML元素的正确方法是什么?

我已经找到了这个问题的许多部分答案,但似乎没有什么似乎是一个明确的答案。 对于这样一个重要的技术,我发现这有点奇怪。 我应该如何隐藏元素(使用javascript),以便在JS有机会隐藏它们之前页面加载时它们不会短暂出现? 我不想将它们设置为最初使用CSS隐藏,就像用户没有Javascript一样,它们什么也看不见。 要清楚。 我不是问如何处理向没有JS的用户显示内容。 这是一个完全不同的主题。 我只想要一种可靠的方法来隐藏HTML元素,然后再显示它们。 所以我的要求: 最初使用CSS不会隐藏HTML元素 如果JS可用,则隐藏这些元素,以便它们永远不会显示,甚至不会立即显示。 这意味着将它们隐藏在身体末端加载的JS中。

使用jQuery cookie.js来记住hide / show元素?

我找到了一个关于如何在页面上显示和隐藏某个div的精彩教程。 我得到的代码工作正常,但我想扩展是在页面加载时记住show / hide。 我已经找到了解决方案jQuery cookie就是答案..如果我知道如何编写实际的代码是..这是当前的代码片段: jQuery(document).ready(function() { // hides the group_desciption as soon as the DOM is ready // (a little sooner than page load) jQuery(‘#group_desciption’).hide(); // shows the group_desciption on clicking the noted link jQuery(‘a#slick-show’).click(function() { jQuery(‘#group_desciption’).show(‘slow’); return false; }); // hides the group_desciption on clicking the noted link jQuery(‘a#slick-hide’).click(function() { jQuery(‘#group_desciption’).hide(‘fast’); return […]

选择选项时jQuery显示文本框

我有以下代码: Type 1 Type 2 Type 3 Other 我想要做的是使用jQuery默认隐藏下面的文本框,然后在用户从下拉列表中选择其他选项时显示它。

jQuery:移动窗口视口以显示新切换的元素

我在doc中准备了一段jQuery,它可以切换包含textarea的div: $(‘div#addnote-area’).hide(); // hide the div $(‘a#addnote-link’).click(function() { // click event listener on link $(‘div#addnote-area’).toggle(); // toggle the hidden div }); 单击链接时,切换function正常。 我遇到的问题是如果div#addnote-area低于浏览器的当前视口,它会在显示时保留在那里。 我希望用户的光标转到textarea,并且整个textarea可以在窗口中查看。 点击此处查看图片http://sofzh.miximages.com/jquery/5ousuv.png

隐藏移动设备的Javascript文件

无论如何要停止在设备(移动设备)上加载javascript文件? 我做了一个响应式设计,并且有一些脚本不能用于移动版本,所以如果它们不必加载就会很好。 非常感谢

用jquery切换show \ hide但有多个id

我有一个php页面,它生成多个UL和每个UL上面的链接,就像这样 Category one Subcategory Subcategory Category two Subcategory Subcategory 因为每个主要类别中有许多子类别我想要隐藏UL并且仅在我单击锚点时显示它们。 我正在尝试使用这个jquery: $(document).ready(function() { $(‘#toggle-link’).click(function() { $(‘#ul-to-hideshow’).toggle(‘slow’); }); }) 这可以正常工作,但仅适用于第一个UL和具有相同ID的锚点。 我需要以某种方式修改它以传递每个UL或锚的id并打开和关闭每个UL。 我有每个锚点及其UL的唯一ID。 如何修改脚本?

css jquery隐藏一个div,显示另一个

我正在接受挑战。 我有2个divs ,一组display:none; 在页面加载时的CSS中我有两个相应的链接。 当用户点击link1我想显示div1并隐藏div2 。 当用户点击link2我想显示div2并隐藏div1 。 我无法让这个工作! 任何帮助非常感谢。 小号

jQuery – 隐藏元素的最佳方式? (防止元素在实际隐藏之前闪烁)

我记得在某些时候Opera ( Mostlikely it was Safari instead. )有一个问题,如果你在元素上使用.hide() ,它会在实际隐藏元素之前短暂闪现。 现在,如果你不想忽略那些由于某种原因在他们的浏览器中没有js的人你就不能真正使用CSS来设置display: none; 在该元素中隐藏它然后使用js例如淡入它。 我最近注意到这在Opera中不再发生了。 所以,我想知道在某些浏览器中是否仍然会发生这种情况,因为我错过了这一点。并且认为这会发生。 最安全的方式是什么方式? (当然在这种情况下忽略了css方法。) js .hide() js .addClass(‘hide’) css .hide { display: none; } .hide { display: none; } 或者是其他东西? 编辑: js element.style.display = “none” js $(element).css({display:”none”}) 编辑2:这个问题可能实际上是在Safari中。 我也认为较新的jquery版本可能已经解决了这个问题。因为我认为在jquery网站上有一些关于这个问题的bug报告,但是我找不到那些bug报告..或者它仍然可能是更新的浏览器版本修复它.. 不确定。 EDIT3: 所以,当我开始在Safari而不是Opera中搜索这个bug时,我的确发现了更多。 虽然我不能肯定地说它从未在歌剧中发生过…… 似乎这个问题不再存在,并且使用.hide()是安全的,但我学到的是这个$(element).css({display:”none”})确实解决了问题还在那里。

使用图像叠加youtube嵌入式video,单击时隐藏图像并自动播放

我想在我的页面中查看YouTubevideo之前显示图像。 有没有办法用jquery或javascript函数来做到这一点。 我希望用我自己的图像覆盖它,当点击时,显示video并自动播放它,所有这些都不会重新加载页面。 谢谢您的帮助 关心朱迪