jQuery UIアコーディオントグルの作成方法

アコーディオン自体はトグルするのは簡単ですが、ブックマーク可能なリンクを組み込むことが容易であるため、jQueryのUIアコーディオンを使用する必要がありました。この時点では、ブックマーク可能なリンクなしでアコーディオン効果（ゼロから）をトグルするか、ブックマーク可能なリンクをUIとトグルなしで取得することができます。すべてのアコーディオンのコンテンツを折りたたむことができます。つまり、トリガーをクリックすると、トリガーをクリックすると2回目のクリックで閉じます。ここで私が持っているものです。jQuery UIアコーディオントグルの作成方法

$(function() { 
    //basic accordion settings 
    $('#accWrap').accordion({ 
     active: false, 
     alwaysOpen: false, 
     autoHeight: false, 
     navigation: true, 
     collapsable: true, 
     header: '.accButton' 
    }); 

    //attempt at toggling - does not work correctly 
    //$('.accButton').click(function() { 
    //$(this).next().toggle(); 
    //return false; 
    //}).next().hide(); 

    //bookmarkable function 
    $(".accButton").click(function(event){ 
     window.location.hash=this.hash; 
    }); 
});

誰もが明らかに間違っ何か私はトグル機能を組み込むことができる方法を参照してください？いつものように、私は助けに感謝します！

THX

出典

2011-05-20 Dirty Bird Design

複数のセクションを同時に展開したいと思っていますか？ – namuol

いいえ、コンテンツ領域を切り替えることができます。つまり、「headerA」を1回クリックするとコンテンツが表示されます。もう一度 "headerA"をクリックすると、コンテンツが閉じられます。私はそれが1つを開く必要はありませんように設定しているが、私はダブルクリック（？）ヘッダーとそれを閉じることができるようにしたいと思います。 –

こんにちは、私は、これはあなたが達成しようとするものであるかはわかりません。しかし、これは、私が使用するものです..あなたは、 "折りたたみ式" スペルミスのようhere

<script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"></script> 
<script language="javascript"> 
$(document).ready(function() 
{ 
    //hide the all of the element with class msg_body 
    $(".msg_body").hide(); 
    //toggle the componenet with class msg_body 
    $(".hidebox_head").click(function() 
    { 
    $(this).next(".msg_body").slideToggle(600); 
    }); 
}); 
</script> 
</head> 
<body> 
<div class="msg_head"> 
click me</div> 
<div class="msg_body"> 
alksdjf löaskdjf ölaskjdöflkjas dlfkj asödlk 
</div> 
</body> 
</html>

出典

2011-05-20 13:13:24 Ahlqvist

は簡単ですが、ブックマーク可能なハッシュ関数が必要です。これがUIを使用した理由です。私は、ブックマーク可能/ハッシュとは別のトグル機能は簡単だと言っているので、それを組み合わせて問題を出すのです。トックスマン。 –

から奪い取っ

is'tが見えます。それを "折りたたみ"と "i"とのスペルを付けてみてください。

出典

2011-06-29 15:22:24 Kevin

古い話題ですが、私は答えを探していたので、私とjQuery UI accordion docでそれを見つけた：「折りたたみ式」が、あなたのコード内でスペルが間違って

<script> 
    $(function() { 
     $("#accWrap").accordion({ 
      collapsible: true 
     }); 
    }); 
</script>

が、それは「私を」欠けています。

出典

2012-10-31 14:01:04 yogoo

jQuery UIアコーディオントグルの作成方法

答えて

関連する問題