Tag: 手风琴

将hover手风琴转换为onclick

我有一个用纯css3开发的手风琴菜单。 目前它是hover在它上面时打开菜单但我希望它在点击时打开。 我能做到这一点吗? 还有一个帮助。 目前内容div位于标题的右侧,但我需要在左侧打开它。 并且内容div应该具有基于内容的自动宽度。 这是DEMO

使用jQuery手风琴时在页面上查找字符串(Ctrl + F)

我正在使用jQuery手风琴插件来折叠大页面。 它运行良好,是一个压缩页面的好方法,但我注意到,当使用浏览器搜索function查找(Ctrl + F)时,它只查看搜索字符串的open div 。 有没有办法让浏览器找到搜索所有div (甚至可能打开它们)…我明白为什么这不是微不足道的。 搜索必须打开div来显示结果,这不是很明显…… 如果没有明显的方法来解决这个问题,那么以编程方式执行此操作的方法是什么? 有任何想法吗?

Jquery手风琴没有删除Class并且没有交换它的展开文本以进行折叠

感谢@ifaour的大力帮助! 该脚本包括: Jquery手风琴使用无序列表。 具有切换子弹箭头图像的活动和非活动状态 展开全部/折叠全部交换其文本。 当手风琴展开和折叠时,相同高度的柱子会膨胀和折叠 你可以在这里查看演示http://jsbin.com/ucobo3/24/ (function($) { $.fn.equalHeights = function(minHeight, maxHeight) { tallest = (minHeight) ? minHeight : 0; this.each(function() { if($(this).height() > tallest) { tallest = $(this).height(); } }); if((maxHeight) && tallest > maxHeight) tallest = maxHeight; return this.each(function() { if ($.browser.msie && $.browser.version == 6.0) { $(this).height(tallest); } $(this).css(‘min-height’, tallest + […]

来自链接的jquery open accordion

我究竟做错了什么。 手风琴有效,但是当我尝试从外部链接打开它时(fx.mysite.com/mypage.php#2) – 它不会打开手风琴! 我的标题是: $(document).ready(function() { $(“#accordion”).accordion({ active: false, collapsible: true, autoHeight: false, navigation: true, header: ‘.menuitem’ }); $(“.menuitem”).click(function(event){ window.location.hash=this.hash; }); }); 我的HTML是: Header 1 CONTENT 1 Header 2 CONTENT 2

如何使用JQuery / JavaScript / CSS实现显示请求的命名锚点

该页面有一个容器div,它包含多个内容div。 每个内容div都有一个命名锚。 一次只显示一个内容div: 例: .lurk { display: none; } One is the loneliest number. Two is company. Three is a crowd. // … something that adds and removes the lurk class from the content divs 期望的行为是,如果有人使用URL中的有效命名锚点请求页面,则JavaScript / JQuery将看到它并适当地设置各种显示属性,以便可以看到与命名锚点对应的内容。 请求URL是否可用于JQuery? 是否通常在$(document).ready?()中检查URL中的命名锚点 这是难以跨浏览器的方式吗? 是否有用于从URL中提取锚点的库例程,或者每个人都使用自己的正则表达式?

用xml填充jQuery UI手风琴,绑定问题

我从简单的xml文件中填充jQuery手风琴,我可以获取我的数据并将其作为html附加到模拟手风琴标记。 然后我打电话给手风琴,它将无法工作! 我想问题是将新创建的数据绑定到DOM,我已经尝试过.live()和.delegate但没有成功。 我该怎么办? 这是我的代码的简化示例(抱歉,一些名称和评论是芬兰语:-))这里是链接http://www.equstom.fi/hanuri.html $(‘#valitsija’).click(function() { $.get(‘http://www.equstom.fi/kurssit.xml’, function(data) { $(‘#accordion’).empty(); $(data).find(‘Kurssi’).each(function() { var $kurssi = $(this); var html = ”; html += ” + $kurssi.find(‘KurssinNimi’).text() + ”; html += ” + $kurssi.find(‘KurssiKuvaus’).text() + ”; html += ”; $(‘#accordion’).append($(html)); }); }); }); / * * ** * ** * ** * haetaankurssit loppu * ** […]

通过活动触发jquery手风琴菜单?

是否可以通过单独的按钮onclick事件打开jquery手风琴菜单中的下一个面板? 这不是单击标题打开另一个面板,而是使用未连接到手风琴的按钮。

jQuery UI Accordion – 如何完整地删除样式?

我喜欢jQuery手风琴的function(http://jqueryui.com/demos/accordion/)但是我不喜欢这种风格! 我想摆脱所有款式,img,边框,颜色等…… 我没有看到这个选项,这是他们应该添加的东西。 或者我错了?

jQuery中的嵌套手风琴菜单

我有一个使用一组嵌套手风琴实现的菜单, 1和2 ,每个都有元素a和b 。 我想实现以下逻辑: 当我点击1a ,我将得到1a和两个子菜单2a , 2b 当我点击2a , 2b我将分别得到每个数据。 问题 期望的结果: 我只想显示最后一次点击的nth-most个子元素,折叠所有其他元素。 初始化时,只能看到1a和1b 。 目前的结果: 点击1b ,然后点击2b , 1b仍然完全可见。 JavaScript代码 $(document).ready(function() { $(“#acc1″).accordion({ active:”.ui-accordion-left”, alwaysOpen: false, autoheight: false, header: ‘a.acc1’, clearStyle: true }); $(“#acc2”).accordion({ alwaysOpen: false, autoheight: false, header: ‘a.acc2’, clearStyle: true }); }); HTML: 1a data of 1a data of 1a […]

更改Jquery UI Accordion的动画速度

我正在使用Jquery UI Accordion,我没有在文档中找到有关如何更改动画速度的任何内容。 我发现人们建议使用“animated:’bounceslide’选项”,但是无法找到动画的不同可用选项。 我现在的js如下 $( “#accordion” ).accordion({ event: “mouseover”, animate:”slow”, active:false }); “animate:”slow“不正确,因此不起作用。有什么想法吗?