divを表示して非表示にする方法

Question

divを表示する方法MVC3のボタンをクリックした後に&が表示されない。

Answer 1

ベターJavasctiptで、クライアント側でそれを行う

//to hide element 
document.getElementById("MyElement").style.display = "none"; 
//to show element 
document.getElementById("MyElement").style.display = "inline"; 
// where MyElement is id of your div 

Answer 2

Asp.net-MVCは、jQueryのデフォルトに使用していますので、これはjQueryのバージョンである：

$('#buttonId').click(function(){ 
    $('#divId').toggle(); 
}); 

Answer 3

/可視不可視と同じで時間要素は、ページ内の占有スペースを削除

$('#someid').toggle(); // to toggle between visible/invisible 

または$('#someid').show();と$('#someid').hide();

あなたが可視/不可視にするが、スペースを維持したい場合は要素は、その後$('#someid').css({visibility:'hidden'});と$('#someid').css({visibility:'visible'});

---

を使用占めしかし、どちらの場合も、最も正しい方法は、CSSクラスを作成し、そのクラスを追加することですまたは要素から削除

CSSルール

.hidden{ display:none; } 

と$('#someid').addClass('hidden')と$('#someid').removeClass('hidden')

Answer 4

divの状態を確認することもできます。非表示かどうかは同じですが、同じボタンを使用して表示または非表示にすることもできます。また、それに応じてボタンのキャプションを変更することができます。

 $('#button1').click(function() { 
      if ($('#id1').is(':hidden')) { 
       $('#id1').show(); 
       $('#button1').val('hide'); 
      } else { 
       $('#id1').hide(); 
       $('#button1').val('show'); 
      } 
     });