jquery-ui-accordion

jQuery accordion its not working

由 梦想与她 提交于 2019-12-11 11:07:43
问题 I'm trying to use the jquery ui accordion plugin and I don't know why its not working. I came to http://jqueryui.com/ and read the documentation, I choose a theme and then I selected "UI Core toggle all", and then in widgets I selected only "Accordion". I save the files in my "acc" folder and then I import the files like this: <link rel="stylesheet" type="text/css" href="../acc/css/jquery-ui-style.css" /> <title>Projet</title> <script type="text/javascript" src="../acc/js/jquery.js"></script>

jquery accordion with dynamic content

由 与世无争的帅哥 提交于 2019-12-11 08:18:55
问题 My initial page has an empty div. An ajax transaction fills it with suitable h3/div content. If I call .accordion() before there's any content, it has no effect. If I call it after the first content is loaded, the first content looks good. Calling it a second time, however, does not work. Do I really need to destroy and redo? 回答1: At the moment you have to destroy and re-create the whole thing using the official stable release. There is already a feature request for it, scheduled for 1.next :

jQuery - Accordion (De-Collapse)

由 |▌冷眼眸甩不掉的悲伤 提交于 2019-12-11 08:08:29
问题 Well, this question is next version of my earlier question. As I have all links collapsed, I want to create one button OR link saying "Show All", on clicking it will make all links active in accordion i.e. I want to view data of all links. Also need to create one button OR link saying "Hide All" which will make collapsed state as earlier. Collapsed State +++++++++++++++++++++++++++++++++++++++ + Link 1 + + Link 2 + + Link 3 + + Link 4 + +++++++++++++++++++++++++++++++++++++++ Should get after

Can't make jQ UI accordion work w/ cookie after jQ/UI upgrade

由 醉酒当歌 提交于 2019-12-11 05:09:28
问题 I have this piece of code, that uses cookies to make jquery accordion selection persist trough refresh The problem is that it only works with jQuery UI 1.7.2 and jQuery JavaScript Library v1.4.1 If i update to jQuery UI - v1.10.0 and jQuery JavaScript Library v1.9.0, it doesn't persist anymore (no errors, just not persisting accordion selection across page loads) Here is the code $( function() { var cookieName = 'stickyAccordion'; $( '#accordion' ).accordion( { active: ( $.cookies.get(

iFrame inside Jquery accordion

由 落花浮王杯 提交于 2019-12-11 02:09:34
问题 I have a page that has an iFrame embedded inside a JQuery accordion. JS: $(function() { $("#doc_accordion").accordion(); }); HTML: <div id="doc_accordion"> <h3><a href="#">1</a></h3> <div> <iframe src="http://test.com/view.do?url=http://test2.com/xyz" style="width:600px; height:500px;" frameborder="0"></iframe> </div> <h3><a href="#">TESTING</a></h3> <div> <p>TESTING2</p> </div> </div> For some reason I can not see the embedded iFrame but I can see the accordion. Also if i remove the line $("

jQuery UI accordion issue

由 帅比萌擦擦* 提交于 2019-12-10 16:55:48
问题 I use the jQuery UI accordion widget, and between every item I have some space. The issue is that in IE 8 , when you slide an item, it slides fine, but it removes the space between it and the upward item. It works good in FF and other browsers, though. When I over with the mouse on that item, though, it creates that space. I use the HTML5 doctype, but it doesn't work with others doctypes either. Thanks. Edit: Here's a live example. 回答1: Try applying margin-bottom:5px; to .ui-accordion-header

jquery multi level accordion

由 倾然丶 夕夏残阳落幕 提交于 2019-12-08 13:31:02
问题 I've got simple multi level accordion plugin. It's almost perfect for me. (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'); $

Nested Accordion JQuery

由 若如初见. 提交于 2019-12-07 22:58:26
问题 I have a simple Accordion menu whicih I got from jsfiddle only. I want to make it nested. Click jsfiddle Posting the code in case jsfiddle is not working: HTML <div class="accordion-expand-holder"> <button type="button" class="open">Expand all</button> <button type="button" class="close">Collapse all</button> </div> <div id="accordion"> <h3>Section 1</h3> <div> <p>Para 1</p> </div> <h3>Section 2</h3> <div> <p>Para 2</p> </div> <h3>Section 3</h3> <div> <p>Para 3</p> <ul> <li>List item one</li>

Open particular Jquery accordion pan based on current page URL

由 痞子三分冷 提交于 2019-12-07 19:05:59
问题 I have a Jquery accordion , accordion has pan's, list elements and anchor tags in list elements, href attributes of anchor tags have current page URL's. I just want that when a page is visited a particular panel (which contains that anchor tag) automatically opens and its list element should become active. I have code which make accordion and snippet in end which make list element active. But list element is not active and panel is not opened. I think I am missing something badly. Here is

open accordion with external link

由 最后都变了- 提交于 2019-12-06 15:06:38
i am trying to open the the accordion using external link..Actually there are three main accordions on the page(about,results,contact) and there is a menubar with items(about,results,contact). what i want is when i click on about menu item it should open the about accordion the below is jquery code $(function() { $( "#accordion" ).accordion({ collapsible: true, autoHeight: false , active: false, navigation:true, }); $(".exlnk").click(function(event){ window.location.hash=this.hash; }); }); The below is html menubar code: <div id="navmenu" style='z-index:9999;'> <ul> <li><a href="#anchor_about"
订阅 jquery-ui-accordion