jQuery div 및 양식 제출 표시/숨기기

Question

확인란 (div id = "foldstate")이 표시된 경우 추가 필드 (div class = "fold")가 표시되는 간단한 양식.

확인란을 클릭하면 예상대로 추가 필드가 숨기거나 표시됩니다.

추가 필드를 작성하고 일부 서버 측 유효성 검사를위한 PHP로 (미리보기) 양식 입력을 제출, 체크 박스를 체크 체크 체크 박스를 표시하지만 배는 여전히

내 실수가 <div class="fold" style="display: none;">있어?

내 jQuery 코드 : 당신의 체크 박스를 선택하지 않은 경우

$(document).ready(function() { 
    if ($("#foldstate").not(":checked")) { 
     $(".fold").css("display","none"); 
    } 
    $("#foldstate").click(function(){ 
     if ($("#foldstate").is(":checked")) { 
      $(".fold").show("fast"); 
     } 
     else { 
      $(".fold").hide("fast"); 
     } 
    }); 
}); 

Answer 1

이 아니요() 함수는, JQuery와 객체 또는 중 빈 콜렉션의 컬렉션을 반환합니다. 두 경우 모두 코드가 true로 평가되므로 항상 display : none을 얻을 수 있습니다.

당신이 ID에 의해 sellecting되기 때문에,이 블록을 대체 할 제안이에 의해

if ($("#foldstate").not(":checked")) { 
    $(".fold").css("display","none"); 
} 

:

if (!$("#foldstate").attr("checked")) { 
    $(".fold").css("display","none"); 
}