の特定の部分にクリック制限私はjQueryのUIのアコーディオンのためのかなり複雑なフォーマットされたヘッダを持っていたことを言って、このような何かを言うことができます:その後、アコーディオンを適用することが可能であろうjQueryのUIのアコーディオンは、ヘッダー
<div id="list-accordion">
<div class="list-accordion-header">
<span class="list-thumb-container">
<a href="someplace_thumb.jpg" title="some title" class="group1">
<img src="somplace_large.jpg" />
</a>
</span>
<div class="list-basic-details">
The basic explanation comes here
</div>
</div>
<div class="list-extra-detail">
All the rest of the information in the panel of the accordion
</div>
</div>
をヘッダーの全体的な見た目と感触、つまり.list-accordion-headerというクラスのdivには影響しませんが、それだけで動作します。言い換えれば、その下の.list-extra-detail divを開きます。ヘッダーをクリックしますか?この場合、.list-basic-detailsを持つdiv。私は、アコーデオンを引き起こさずに、自分の目的のためにイメージの周りのリンクを生き生きとしたものにしたいと思います。
$("#list-accordion").accordion(
{
icons: false ,
autoHeight : false ,
active: false ,
header: '.list-accordion-header' ,
collapsible: true
}
);
乾杯:
現在、私は私が変更したいアクティブなヘッダ、全体で、この方法で作業アコーディオンを持っています。