2012-12-05 1 views
1

페이지에 하나의 Gravity Form을 갖지만 섹션으로 분리 한 다음 jQuery로 섹션 표시/숨기기 방법을 찾고 있습니다. . 저는 섹션의 보이기와 숨기기에 만족하지만 다음과 같은 도움이 필요합니다.Gravity Forms 섹션에 컨테이너 추가하기 '섹션'이 아닌 '페이지'가 아닌 '섹션'이 깨짐

중력 양식 필드 그룹 주위에 참조 가능한 요소를 배치하여 표시/숨기기를 지정할 수있는 방법은 무엇입니까? 블록 단위.

내장 된 '페이지'기능은 실제로 Wordpress 페이지를 다시로드하여 두 번째 필드 집합을 표시합니다. 저는 제 디자이너가이 형식이 매끄럽고, 한 페이지로, 어둡고 색다른 것이라고 주장했습니다. 당신은 리튬의 중력 양식을 타겟팅 할 수 있습니다

건배, 벤

+0

같은 양식의 이전 요소에서 선택한 항목이나 입력을 기반으로 숨겨진 요소가 표시됩니까? 아니면 숨겨진 요소를 보여줄 형태 외부의 방아쇠입니까? – AndyWarren

+0

안녕하세요 Andy 님, 양식 외부에있는 버튼을 사용하고 싶습니다. 항목/선택 항목은 효과가 없습니다. –

+0

외부 요소를 사용하여 쇼 효과를 트리거하는 경우 jQuery가 경로가 될 수 있습니다. 양식에 요소를 사용했다면 중력 양식을 조건부 내장 기능을 사용할 수 있습니다. 아래 내 대답을 참조하십시오. – AndyWarren

답변

1

는 jQuery를 사용하고 숨길 만듭니다. 그런 다음 버튼을 클릭하면 다시 볼 수 있습니다. 이것과 함께 애니메이션이 없으며 단지 숨기기/보여 주기만합니다. 원하는 경우 페이드 인 같은 애니메이션을 추가 할 수 있습니다.

분명히 #field_1_1#field_1_2을 변경하여 숨기기/표시 할 ID와 클릭 기능의 ID를 일치시켜야합니다. 원하는만큼 많이 넣을 수 있으며 쉼표로 구분할 수 있습니다.

이것은 빠르고 쉬운 해결책입니다. 이것이 작동하는지 알려주세요.

<script type="text/javascript"> 
    jQuery(document).ready(function() { 

     jQuery('#field_1_1, #field_1_2').hide(); 

     jQuery('#idOfClickElement').click(function() { 
      jQuery('#field_1_1, #field_1_2').show(); 
     }); 

    }); 
</script> 

나는 당신의 테마 파일에이 코드를 넣어 위치를 알고 있어야 해요,하지만하지 않을 경우, footer.php에 바로 header.php에서 닫는 </head> 태그 전이나 직전 닫는 </body> 태그를 포함 .

관련 문제