0

小さな矢印をクリックして表示および非表示にする div があります。クリックすると詳細情報を展開できるカレンダー エントリ。ここまでは順調ですね。

コンテンツを再表示して「上」から「下」の状態に変更したり、コンテンツが表示されているときに 180 度回転したりするために使用する小さな矢印が必要です。

    jQuery('.openheader').click(function() {
    jQuery(this).parent().next().toggle('slow');
    return false;
}).parent().next().hide();

.openheader クラスは、矢印の画像の周りのリンクに適用されます。

.calendarhidden DIV (追加情報を含む div) にコンテンツがない場合、対応するリンクまたは画像を非表示にできるのも便利な機能です。

何か案は？それをトグルアクションに組み込む方法が頭に浮かびません。ありがとう *編集: ここに js フィドルがあります: http://jsfiddle.net/marknolan/gtEdy/

4

1 に答える 1

0

私はあなたがこのようにできると信じていますif (document.getElementById(event.target.id).src.indexOf('right.png') > 0) { document.getElementById(event.target.id).src = 'path/arrow_left.png'; } else { document.getElementById(event.target.id).src = 'path/arrow_right.png'; }

編集には、これには関数（イベント）が必要であると言う必要があります

于 2012-11-16T16:25:42.780 に答える