Articles of accordéon

Comment annuler l'événement de changement pour les contrôles d'accordéon

$("#accordion").accordion({ change: function (event, ui) { alert('event have to be changed') }, changestart: function (event, ui) { return false; } }); Est-il possible d'annuler l'événement de changement?

Accordéon jquery à plusieurs niveaux

J'ai un plugin simple d'accordéon à plusieurs niveaux. C'est presque parfait pour moi. (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, […]

Comment puis-je élargir la liste des FAQ pour développer / effacer?

Voici ma liste que je souhaite développer / réduire: mon but est simplement de basculer en développant / effondrement, pour que cette liste agisse comme un accordéon. Ce que je ne comprends pas, c'est comment obtenir le <div> d'un état caché à un état visible en utilisant le javascript fourni ci-dessous. Toute ressource ou aide […]

Des panneaux d'accordéon à glisser-déposer? (ASP.Net)

J'ai un ensemble de vitres d'accordéon (créées dynamiquement) contenues dans un contrôle Accordéon. Fondamentalement, ce que j'aimerais, c'est que l'utilisateur soit capable de traîner ces panneaux d'accordéon afin que, au lieu de Un panneau Panneau B Panneau C Ils peuvent le traîner et le déposer pour être quelque chose comme Panneau B Un panneau Panneau […]

L'événement de changement d'accordéon Jquery ne déclenche pas

Cela ne fonctionne pas: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <link rel="stylesheet" type="text/css" href="css/smoothness/jquery-ui-1.10.1.custom.css" /> <script type="text/javascript" src="js/jquery-1.9.1.js"></script> <script type="text/javascript" src="js/jquery-ui-1.10.1.custom.js"></script> <script type="text/javascript"> $(document).ready(function () { $("#accordion").accordion({ change: function (event, ui) { alert('test'); } }); }); </script> </head> <body> <div id="accordion"> <h2><a href="#">Header1</a></h2> <div> <p>content 1</p> </div> <h2><a href="#">Header2</a></h2> <div> <p>content 2</p> </div> </div> </body> </html>

JQuery Accordion actif par url?

Section de script d'en-tête. $(document).ready(function(){ var show_link = '/hr/resitration'; // That is current url. var accordion = $("#accordion"); active = ???? // How to found activ url??? accordion.accordion({ header: "h3", active: active, autoHeight: false }); }); Dans la section HTML <div id="accordion"> <h3><a href="#">Dashboard</a></h3> <div> <ul> <li><a href="/dashboard/my" >My works</a></li> <li><a href="/dashboard/send" >Send works</a></li> </ul> […]

Voulez-vous afficher "loading …" en PHP

Je développe une page Web en PHP qui nécessite les fonctionnalités suivantes: 1. Lorsque l'utilisateur clique sur "Donner des remerciements", il faut changer avec "Terminé!". 2. Dans le même temps, je veux appeler une action dans indexController. 3. À ce moment-là, je veux montrer "loading …." 4. La page actuelle contient beaucoup de contenus dynamiques […]

L'accordéon Jquery ne s'effondre pas par défaut

J'utilise le plugin collapse fourni par bootstrap qui est un plugin jquery simple Cependant, il s'effondre par défaut, comment modifier pour que l'élément d'effondrement soit caché par défaut, seulement lorsque je presse l'en-tête, puis-je effacer et afficher? Je vous remercie Le document du plugin, juste à quelques lignes, ne nécessite qu'une minute $(document).ready( function () […]

JQuery Accordion ouvert s'est effondré

En utilisant jquery v1.3.2 et jQuery UI 1.7.1 J'ai 1 contrôle d'onglet avec 3 onglets. Chaque onglet contient 1 contrôle accordéon. $(document).ready(function() { $('#acc1').accordion({ collapsible: true, autoHeight: false }); $('#acc1').accordion({ collapsible: true, autoHeight: false }); $('#acc1').accordion({ collapsible: true, autoHeight: false }); $('#tabControl').tabs(); }); TabControl n'est pas visible à la charge de la page. Il y […]

Comment ajuster la hauteur d'un accordéon jQuery UI?

Dans mon interface utilisateur, j'ai une configuration d'accordéon comme celle-ci: <div id="object_list"> <h3>Section 1</h3> <div>…content…</div> // More sections </div> L'accordéon fonctionne correctement quand il est formé pour la première fois, et il semble s'ajuster bien pour le contenu dans chacune des sections. Cependant, si j'ajoute un contenu supplémentaire dans l'accordéon après l'appel .accordion () (via […]