0

html/css/jquery を配置して、div をダブルクリックして表示を切り替えることができるようにしようとしています。ダブルクリックで非表示にできますが、再度ダブルクリックしても表示されません。すべての div アウトラインを確認すると、この div のアウトラインはもうありません。Web 開発者プラグインを使用して確認します。これを達成するために、次のコードを使用しています。

私のCSSクラスは..

  .hidden { visibility: hidden; }
    .unhidden { visibility: visible; }

htmlは...

<div id="ConstructionDiv" ondblclick="unhide('ConstructionDiv')" class="unhidden">
                    <!.. the div is unhidden at page load. When I look at generated
                    source code after the double click the class is "hidden" 
                     -->
            </div>

私のJavaScriptは...

function unhide(divID) {
 var item = document.getElementById(divID);
 if (item) {
 item.className=(item.className=='hidden')?'unhidden':'hidden';
 }
 }

私がしようとしていることをすることは可能ですか？うまくいくものがあるはずです。ありがとうございました。

4

3 に答える 3

0

2 つの div があり、どちらも完全に配置されているが、一方が他方よりもはるかに大きい場合はどうでしょう。どちらかをクリックすると、両方の可視性が変わります。

于 2016-04-04T00:20:47.470 に答える
0

次の CSS ルールを使用します。

    .hidden {
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
        filter: alpha(opacity=1);
        -moz-opacity:.1;
        -khtml-opacity: .1;
        opacity: .1;
    }

.unhidden {
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
        -moz-opacity:1;
        -khtml-opacity: 1;
        opacity: 1;
    }

アップデート

要素を div などの他の要素でラップし、その div をクリックして内部コンテンツを表示または非表示にすることもできます。

于 2012-10-19T13:45:14.700 に答える
0

これを試したところ、非表示の要素はクリック イベントを受け取ることができません。

Andy が言ったように、Opacity 0 はクリック イベントを問題なく受け取ることができ、コンテンツはまだ見えません。

于 2012-10-19T13:41:38.850 に答える