div를 표시하고 보이지 않게 만드는 방법

Question

MVC3에서 버튼을 클릭 한 후 div 표시를 보이지 않게 만드는 방법 &이 표시되지 않습니다.

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'); 
      } 
     });