2012-02-07 9 views
0

私はこのフィドルに表示されているjQueryとHTMLを使用しています。私の人生は、手動で個々のタブを起動できません。jQuery togglePanelsを手動で起動する方法

http://jsfiddle.net/DkHyd/

$("h3").toggleClass("ui-accordion-header-active ui-state-active ui-state-default ui-corner-bottom").find(".ui-icon").toggleClass("ui-icon-triangle-1-e ui-icon-triangle-1-s").end().next().slideToggle(); 

ザ・jQueryの上記のすべての要素を切り替えるが、私は、このように個人を参照する場合します: $( "#のToggleHeader")など 、それは動作しません。

私はいくつかの助けとうまくいけば、なぜこれは私のために働いていない説明が大好きだ。

答えて

1

セレクタ$("h3")がページのh3と一致するため、試行したソリューションは機能しません。そのため、以降の操作はすべてのアプリケーションに適用されます。あなたのHTMLコードのh3要素にidsがないため、試した2番目の解決策は機能しませんでした。

.. IDセレクタ$("#ToggleHeader")

<h3 id="ToggleHeader"><a href="#">Section 1</a></h3> 

などを使用してヘッダを選択し、各要素にIDを追加し、

+0

申し訳ありませんが、私はより明確になっているべきです。各H3にIDがあり、IDでトグルを発射したい。たとえば、 $( "#Receive")など jQuery Cookieを使用してページロード時に開いているパネルを選択するため、インデックスを使用する必要はありません。 – erbaker

+0

jsfiddleの例ではidはありませんが、h3要素に追加することを忘れましたか? – ggreiner

+0

私はレコードに行き、私は正しいアイデアを持っていたと言いたいのですが、何らかの馬鹿馬鹿しい理由のために私のIDにスペースがあったのでもちろんそれは機能しませんでした。 私は言葉を失っていますが、答えに感謝します:)私はあなたに信用を与えます。 – erbaker

関連する問題