0

編集

私のページが次のようになっているとします

<div id="mask">content</div> 
<div id="box">content</div>

div マスクはページから隠されています。クリックすると表示され、同じボタンをクリックすると再び非表示になるようにするにはどうすればよいですか。

それか私が持つことができた

<div id="box">content</div> 
<div id="mask">content</div>

どちらもページに表示されますが、#mask をクリックすると #box の前に戻り、もう一度クリックすると元の状態に戻ります。

4

3 に答える 3

0

あなたが試すことができます

  $('#box').on('click', function() {
    if($(this).prev('#mask').length) {
       $(this).prev('#mask').toggle();
    } else {
      $(this).next('#mask').insertBefore(this);
    }
 });
 // code for mask hide on its click
 $('#mask').on('click', function() {
   $(this).hide();
 });

デモ

于 2012-05-18T06:26:11.320 に答える
0

必要なアクションのフラグを保持します。このようなもの：

var flag='firstClick';
$('#box').on('click', function(){
    if (flag == 'firstClick') {
        $('#box').insertBefore($(this));
        flag = 'notFirstClick';
    }
    else $('#box').remove();
})
于 2012-05-18T06:26:29.187 に答える
0

非表示にしたいだけなら削除する必要はありません。使用できます

$("#mask").toggle()

ボタンをクリックしたとき。そして、ボックスdivの前にマスクdivを配置しますstyle="display:none"

于 2012-05-18T06:28:11.553 に答える