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/

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>