2

XMLドキュメントを介してjqueryコマンドをトリガーするように設定されたフラッシュカルーセルに10個の画像があります

すなわち:

<photo image="images/01.jpg" url="javascript:toggleDetail1()" target="_self">
<photo image="images/02.jpg" url="javascript:toggleDetail2()" target="_self">

etc...

ユーザーが画像をクリックすると、その特定の画像に対応する div のみが表示され、他の 9 つは非表示になるようにしたいと考えています。

10 個の div すべてに「toggleitem」のクラスを指定し、すべての div に独自の ID (「detail1」、「detail2」など) があるため、jquery を作成する必要があり、少し迷っています。

これまでのところ、カルーセルの画像をクリックすると、表示したい div が表示されるようになりました。しかし、「toggleitem」クラスの他のdivをその時点で非表示にする方法については、本当にわかりません。

<script type="text/javascript">

function toggleDetail1() {
$('#bookdetail1').show();}

function toggleDetail2() {
$('#bookdetail2').show();}

etc...

.not() セレクター、if ステートメントなどを使用する必要がありますか? 困惑しています。

これについて何か助けてくれてありがとう

4

3 に答える 3

0

これが将来の任意の1に役立つ場合に備えて、カリムは私にこれを行うように言いました:

function toggleDetail1() {
$('.toggleitem').hide();
$('#bookdetail1').show(); }
于 2010-01-24T19:13:35.527 に答える
0

申し訳ありませんが、HTMLを含める必要がありました:

<div class="toggleitem" id="bookdetail1">
<span class="cover"><img src="images/details/1/cover-1.jpg"</span>
<span class="spread"><img src="images/details/1/spread-1.jpg"</span>
<span class="blurb">text text text text text.</span>
</div>
于 2010-01-24T18:40:42.200 に答える