Jquery UI 아코디언, 내용을로드 한 후 새로 고침하지 않습니다.

Question

WordPress 사이트에서 사이드 카테고리 및 카테고리 콘텐츠를로드하고 있습니다. 이제 내용은 아코디언 형식으로 설정되었습니다. 그래서 제가 여기서 한 일은 제가 다루는 것에 대해 link입니다. 내 문제는 왼쪽에서 카테고리를 클릭하면 아코디언이 처음 작동한다는 것을 알 수 있듯이 다른 카테고리를 클릭하면 완전히 엉망이됩니다. 나는 또한 시도

$(document).ready(function() { 
$('.categorias li').click(function(){ 
     var id = $(this).attr('id'); 
     $('#subtitle').html($(this).find('#title').html()); 
    $('#acc').html($('#' + id + '-content').html()).accordion({ 
      autoheight: false 

     }); 

}); 

: 나는 지금까지이 무엇 doing..here 몇 가지 아무것도 시도

$('#acc').html($('#' + id + '-content').html()) 
$('#acc').accordion(.accordion({ clearStyle: true }); 

을하지만 당신이 볼 수있는 아무것도하지 않는 것. 어떤 아이디어?

Answer 1

이것은 단순화하는 데 도움이되지 않을 수도 있지만 아코디언 메뉴를 처리하는 방법을 알지 못할 수도 있습니다. 그것은 ... 각 태그 사이에 붕괴

<div id="right_area"> 
    <h3><a href="#">New Client Entry:</a></h3> 
     <div id="sub_cat"> 
      <h4><a href="#">this is sub:</a></h4> 
      <div>yo yo</div> 
      <h4><a href="#">this is sub:</a></h4> 
      <div>yo yo</div> 
     </div> 
    <h3><a href="#">Old Client Entry:</a></h3> 
    <div>hello there</div> 
</div> 



$(document).ready(function() { 
    $("#right_area").accordion({ 
     collapsible: true, 
     active: false, 
     clearStyle: true 
    }); 
    }); 


    $("#sub_cat").accordion({ 
     collapsible: true, 
     active: false, 
     clearStyle: true 
    }); 

http://jsfiddle.net/LSg36/2/