0

ワードプレスのサイトで、サイドカテゴリとカテゴリコンテンツを読み込んでいます。これで、コンテンツはアコーディオン形式でセットアップされました。だからあなたは私が何をしたかについての考えを持っていますここに私が扱っているものへのリンクがあります。私の問題は、左側のカテゴリをクリックすると、最初にアコーディオンが機能するのに、別のカテゴリをクリックすると完全に混乱することがわかるようにです。私はいくつかのことを試しましたが、何もしていません。これまでのところ、次のようになっています。

$(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

       });

});

私も試しました：

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

しかし、あなたが何もしていないのを見ることができるように。何か案は？

4

1 に答える 1

0

これは単純化に役立つかもしれませんし、そうでないかもしれませんが、私はアコーディオン メニューの扱い方を捨てようと思いました。各タグ間で折りたたまれます... 

<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/

于 2013-03-06T19:05:12.717 に答える