Tag: show

使用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 .show（）无法在firefox中运行

我在firefox中的jquery show函数有问题。 情况：我在弹出窗口（fancybox）中加载了一个带有aspx页面的iframe。 在那个aspx页面中，我有一个带有onclick事件的按钮，它调用一个自定义函数，并在该函数中触发div上的.show（）函数。 这个div有一个样式元素，其中包含：display：none;。 这适用于IE，safari，chrome。 当我单独加载aspx页面时，这甚至可以在firefox中运行。 它在fancybox-iframe弹出窗口中的firefox中不起作用。 我没有javascript错误。 甚至显示：none也不会从style属性中删除，但div不显示。 来自页面的html ..some elements ..content of the div javascript代码： function dolinkedin(url, title, summary, source) { $(“.smbutton”).addClass(“buttonDisabled”); $(“#linklinkedin”).removeClass(“buttonDisabled”); $(“#psharebutton”).show(); parent.sizeFancybox(); } 触发弹出窗口的按钮是一个锚点，它具有fancyboxiframe类。 Fancybox将自动生成用于显示弹出窗口的js代码。 我检查过这些主题： Jquery隐藏/显示不在Firefox中工作？ Jquery隐藏/显示无法在Firefox / Chrome中运行 Jquery .show（）和.hide（）甚至.css（{“display”：“none”}）; 不在firefox工作？ 我已经检查过我的HTML是否有效且确实如此。 任何的想法？ BHD

选择选项时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

用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 .show（’slide’，{direction：’right’}）不起作用，但.show（’slide’）确实有效

我正在顶层菜单（ListItems）的开头插入菜单选项并使用 $(‘#newMenuItem’).show(‘slide’); 成功。 但是，我不喜欢它从左上角滑入的方式，所以我把它改成了 $(‘#newMenuItem’).show(‘slide’, { direction: ‘right’ }); 不幸的是，一旦我改变了它，我就不再得到新的物品了。 实际上，没有比上面一行更低的代码被执行了。 有没有明显的理由说明这不起作用？ 我正在使用Visual Studio 2012附带的jquery-1.7.1。

Jquery动画隐藏和显示

当我点击链接时，我想一次发生两件事。 我正在慢慢浏览Jquery文档，但尚未了解我的需求。 这是我网站的链接 当我点击服务链接时，我希望隐藏#slideshow div，并使用新的div替换它。 我试图让幻灯片显示单击服务链接动画，但它可以执行动画function或转到链接的html页面，而不是两者。 我将如何实现这两个目标。 如果我只是在同一页面上隐藏和显示div，或者如果我转到一个新的html页面，则无关紧要。 我只想拥有动画function并在隐藏内容时更改内容。 这是我正在使用的jquery代码 $(document).ready(function(){ $(“a.home”).toggle( function(){ $(“#slideshow”).animate({ height: ‘hide’, opacity: ‘hide’ }, ‘slow’); }, function(){ $(“#slideshow”).animate({ height: ‘show’, opacity: ‘show’ }, ‘slow’); } ); }); $(document).ready(function(){ $(“a.services”).toggle( function(){ $(“#slideshow2”).animate({ height: ‘show’, opacity: ‘show’ }, ‘slow’); }, function(){ $(“#slideshow2”).animate({ height: ‘hide’, opacity: ‘hide’ }, ‘slow’); } ); }); 家庭和服务是两个链接，我想点击服务时隐藏#slideshow […]