Tag: 手风琴

如何从jquery手风琴中删除活动轮廓？: 我正在使用Jquery Accordion。活动链接具有轮廓。我试过用css： #accordion a:focus { outline: none; } #accordion a:active {outline: none; font-weight:bold;} 并且 #accordion a:-moz-any-link:focus { outline: none; } 这些似乎都不起作用。任何人都可以建议设置或其他选项删除活动链接周围的虚线轮廓？

JQueryUI Accordion：标题和用于排列图像/文本的内联块: 我现在要做的是弄清楚我的手风琴在哪里拉动它的标题样式。这是我对手风琴标题的默认设置： Header for Accordion Slide Goes Here 但是我找不到任何关于h3风格的参考。当我想用一个我想要的设置在一个页面上创建多个手风琴时，我使用了： $(function() { $(“#accordion”).accordion({ header: “h3”, active: false, collapsible: true }); 我再次在这里使用了h3。我尝试将其添加到样式部分的末尾： h3{ font-weight:bold; font-size:1.5em; } 但它并没有影响任何事情。（出于某种原因，我正在使用它的网站已完全从html中删除了样式。）我想要的是将标题更改为更像底部示例中的标题，而不是顶部：即它需要更大，更容易阅读。我遇到的另一个问题是，当幻灯片打开时，我的图像中有一些文字。需要显示哪些文本与图像的右上角对齐，而不是默认值，从右下角开始。以前我用过以下内容来做到这一点： .accordion img{ display:inline-block; width:180px; height:125px; vertical-align:top; margin-right:10px; } .accordion .taxt{ display:inline-block; width:280px; } 但这是我不知道在哪里调整CSS（或者如果可能的话），以便我可以将它应用于这个新的JQueryUI手风琴。这是它当前在html中的样子： Tutor-led Learning To view the tutor-led course […]

jquery多层手风琴: 我有简单的多级手风琴插件。这对我来说几乎是完美的。 (function(jQuery){ jQuery.fn.extend({ accordion: function() { return this.each(function() { var $ul = $(this); if($ul.data(‘accordiated’)) return false; $.each($ul.find(‘ul, li>div’), function(){ $(this).data(‘accordiated’, true); $(this).hide(); }); $.each($ul.find(‘a’), function(){ $(this).click(function(e){ activate(this); return void(0); }); }); var active = $(‘.active’); if(active){ activate(active, ‘toggle’); $(active).parents().show(); } function activate(el,effect){ $(el).parent(‘li’).toggleClass(‘active’).siblings().removeClass(‘active’).children(‘ul, div’).slideUp(‘fast’); $(el).siblings(‘ul, div’)[(effect || ‘slideToggle’)]((!effect)?’fast’:null); } }); } }); })(jQuery); 完整代码 […]

垂直手风琴内容滑块理想上是jQuery: 我一直在寻找垂直手风琴内容滑块。我找到了一个： http ： //www.marghoobsuleman.com/jQuery-common-accordion ，它非常好。我在我的网站http://www.pixeltrics.com/上实现了它但有几件我不满意的事情。它不是很流畅，即使我将自动描述时间设置为4秒，看起来第一张幻灯片需要更长的时间才能切换到秒，然后它们会像每秒钟一样开始切换。所以有些事情是不对的。有谁知道我可以尝试的另一个垂直手风琴插件？理想情况下是一个jQuery。谢谢。

手风琴 – 为每个导航项添加箭头？: 我在“我们做什么”下实施了这个手风琴脚本我需要向每个导航项添加向上和向下箭头，如此图所示。我在哪里以及如何将这两种状态（非活动箭头和活动箭头）编码到jQuery中。我想我需要将其编码到jQuery中？

jQuery Accordion if hasClass: 我正在尝试制作手风琴，我希望首先扩展具有类current-category的H4元素。我的代码： $(function() { $( “#category-accordion” ).accordion(); if ($(‘h4’).hasClass(“current-category”)) { $( “#category-accordion” ).accordion(“activate”, $(‘.current-category’)); } }); 是的，我是一个菜鸟。提前致谢！

用于多个嵌套列表的jQuery手风琴: 我正在努力合并我的菜单的第二个嵌套列表，以便他们可以打开onclick。以下是我的代码。另外，如何点击以展开列表不会触发任何其他事件？现在，如果你点击它们，我的整个菜单会从另一个脚本中滑动关闭（这是一个移动响应菜单）所以如果我的菜单项li有一个嵌套列表，我希望点击只打开或关闭它的嵌套列表并做没有其他的。 http://jsfiddle.net/notanothercliche/36vCh/ Home Properties Dubai Residential Apartments Villas

用链接打开jQuery手风琴面板（在acccordion之外）: 还是jQuery的新手！我有一个用jQuery UI 1.10.1构建的手风琴。这很基本; 默认情况下显示第一个项目，其他项目在被点击之前一直处于隐藏状态。我想使用jQuery手风琴上面的链接在点击时打开某个手风琴面板。它看起来像这样： Link1 Link2 Link3 | 手风琴标题1 | | 手风琴内容1显示| | 手风琴标题2 | | 手风琴内容2隐藏| | 手风琴标题3 | | 手风琴内容3隐藏| ..当你点击“Link2”时，它会隐藏Accordion内容1并显示Accordion内容2。我搜索过网站，但没有一个答案看起来合适。谢谢

我的滑块没有自动模式: 我创建简单的滑块手风琴ans是我的代码，这是唯一的问题，它适用于工作自动模式，并且工作我的代码： #ac_content { width:900px; height:300px; margin:auto; background-color:#808080; overflow:hidden; } #ac_cols_float { position:relative; float:left; line-width:70px; height:100%; background-color:#000000; margin-right:3px; cursor:hand; cursor:pointer; } #ac_cols_float_infor { position:relative; float:left; width4544:535px; height:100%; background-color:#ff0000; } .rot-neg{ margin-top:40px; margin-left:20px; font-size:20px; color:#FFFFFF; -moz-transform: rotate(90.0deg) translate(-40px,0px); /* FF3.5+ */ -moz-transform-origin: 0 100%; -o-transform: rotate(90.0deg) translate(-40px,0px); /* Opera 10.5 */ -o-transform-origin: 0 100%; -webkit-transform: rotate(90.0deg) […]

如何在没有多个实例的情况下使用嵌套的折叠式菜单？: 这是我的基础： http://jsfiddle.net/UnV4Z/ 我希望它是三个级别而不是两个级别。我在这里工作了： http://jsfiddle.net/RnwYQ/13/ 但这意味着每个类别我必须拥有一个实例。这样做有更清洁的方法吗？