JavaScript How to Disable JqueryUI Accordian Section jquery ui accordion disable tab,jquery ui accordion disable one

Hi guys I'm trying to disable queryUI section ,I have only two section , so far I have tried some of my hacks but none seems to work ,

Here what I have tried so far,

        //Enable section1 by remove attributes
        $('#subfacEdit').removeAttr("disabled");//div
        $('#subfacEdit').removeAttr("display");//div
        $('#HeadersubfacEdit').removeAttr("disabled");//H3
        $('#HeadersubfacEdit').removeAttr("display");//H3

        //Disable section2
        $('#facEdit').attr("disabled", "disabled");//div
        $('#facEdit').attr("display", "none");//div
        $('#HeaderfacEdit').attr("disabled", "disabled");//H3
        $('#HeaderfacEdit').attr("display", "none");//H3

        $('#editAccdordian').accordion("activate", 1);//activate section2

Analysis: Div does becomes disabled but I guess display attributes is not applied,I only want make sections unclickable by any means.

I have tried MasterMinds Solution with little change ?
http://jsfiddle.net/X8MFf/15/

Answer:1

Try this will work for you...

$(".DISABLE").click(function(){
      $(this).next().hide();
      $("#accordion").accordion({active:current});
  });

Complete Example

...
//JAVASCRIPT
$(document).ready(function() {
  var $accordion = $("#accordion").accordion({ collapsible: true });
  $( "#accordion" ).accordion( "option", "clearStyle", true );

  var current=null;

  $("#accordion h3:not(.DISABLE)").click(function(){
    current = $accordion.accordion("option","active");       
  });

  $(".DISABLE").click(function(){
      $(this).next().hide();
      $("#accordion").accordion({active:current});
  });
});
...  
  //HTML
  <div id="accordion">
    <h3><a target='_blank' href="#">Section 1</a></h3>
    <div>
        MUK - 1
    </div>
    <h3 **class="DISABLE"**><a target='_blank' href="#">Section 2 (Disabled)</a></h3>
    <div>
        MUK - 2
    </div>
    <h3><a target='_blank' href="#">Section 3</a></h3>
    <div>
        MUK - 3
    </div>
    <h3><a target='_blank' href="#">Section 4</a></h3>
    <div>
        MUK - 4
    </div>
</div>
Answer:2

I'm quite new to this all so sorry for my lack of terminology. I was looking at this site and I was wondering how I do the content/page change without reloading the page. Could someone point me in ...

I'm quite new to this all so sorry for my lack of terminology. I was looking at this site and I was wondering how I do the content/page change without reloading the page. Could someone point me in ...

Is it good practice to start all JS files with a semi colon to account for any bad scripts included before it? Or don't bother? Thanks ;(function(){ /* my script here */ })();

Is it good practice to start all JS files with a semi colon to account for any bad scripts included before it? Or don't bother? Thanks ;(function(){ /* my script here */ })();

  1. javascript scripts start

Coming from the backbone side of web development we are trying to find a solution for a request to add visual and sound effects to our task management web application. For starters - we are looking ...

Coming from the backbone side of web development we are trying to find a solution for a request to add visual and sound effects to our task management web application. For starters - we are looking ...

  1. create canvas game
  2. create game canvas html5

I'm opening up a popup window using javascript. The popup windows contains code that when closed will modify some values on the opener window. something like this... window.opener.jQuery('#...

I'm opening up a popup window using javascript. The popup windows contains code that when closed will modify some values on the opener window. something like this... window.opener.jQuery('#...

  1. what does window.opener do