JQuery UI disable single accordion headers

Question

1.00/5 (1 vote)

See more:

Hi,

Is it possible to disable JQuery UI accordion headers in JQ UI 1.8 , so i cant open them? For example i have step 1 till step 4. And i can only open step 2 if i saved step 1.

JavaScript

$(function() {
    var icons = {
           header: "h3",
           activeHeader: "ui-icon-circle-arrow-s"
    };
       $( "#prod_accordion" ).accordion({
           active:<?php echo $db_obj->getValue('status') ? 'acc_'.$tab_status : 'acc_0'; ?>,
           icons: icons,
           autoHeight: false,
           change: function(event, ui) {
               var newIndex = $(ui.newHeader).index('h3');
               if (jQuery.inArray(newIndex , accordion_array) == -1) {
                   var oldIndex = $(ui.oldHeader).index('h3');
                   $(this).accordion('activate' , oldIndex);
               }
           }

       });
   });

Posted 21-Nov-12 4:00am

T0mii

Updated 29-Nov-12 20:10pm

v2

Add a Solution

Comments

Sk. Tajbir 21-Nov-12 10:17am

Can you share your code ?

Ed Nutting 21-Nov-12 11:20am

Yes. Now work out how :)

You didn't indicate that you had actually tried to solve this yourself, so you shouldn't be expecting anything more than a "yes" or "no" answer...

Ed

T0mii 21-Nov-12 11:22am

ofc i post it tomorrow in the morning no problem. :)

T0mii 22-Nov-12 3:53am

[Moved by OP to the question — SA]

Sergey Alexandrovich Kryukov 28-Nov-12 18:02pm

Could you move it to your question where you can format it properly with HTML tag "pre"? Use Improve question...
--SA

T0mii 30-Nov-12 2:10am

moved

Sergey Alexandrovich Kryukov 30-Nov-12 13:29pm

Thanks. Let me see...
--SA

T0mii 27-Nov-12 3:38am

anny suggestions? :)

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

T0mii · Answer 1 · 2012-12-13T20:20:00

I found a way and i thought ill share it hopefully it will help some one else a lot. :)

JavaScript

$(function() {
    var icons = {
           header: "h3",
           activeHeader: "ui-icon-circle-arrow-s"
    };
       $( "#prod_accordion" ).accordion({
           active:<?php echo $db_obj-?>getValue('status') ? 'acc_'.$tab_status : 'acc_0'; ?>,
           icons: icons,
           autoHeight: false,
           beforeActivate: function(event, ui) {
               var newIndex = $(ui.newHeader).index('h3');
               if (jQuery.inArray(newIndex , accordion_array) == -1) {
                   event.preventDefault();
               }
           }

       });
   });

the accrodion_array is an array with indexes like (1,2,3,4) and i check if the index of the clicked accordion lets say 5 is in the array. If not then perventDefault() and the accordion header wont open.

if u add

PHP

ui.addClass('ui-state-disabled');

to the accordion headers that are not in the array the user will now what accordion he cant open. :)