jQuery 토글이 특정 조건에서 작동하지 않습니다.

Question

div를 표시하는 간단한 토글 기능을 사용하고 있지만 2 개의 문제가 발생합니다.

1. 페이지가로드 될 때 처음 div를 숨기고 버튼 이벤트에서 jQuery를 사용하여 해당 div를 표시 (숨기기)하려면 어떻게해야합니까?
2. 나는이 코드에서 작동하지만 작동하지 않는 별도의 예제에서 토글 함수 논리를 사용하고 있습니다.

코드 :

$(document).ready(function() 
{ 
    $('#add_button').click(function(){hide_show_add_div();}); 
}); 

function hide_show_add_div() 
{ 
       $('#add_new_div').toggle(900); 
} 

add_button 버튼 ID입니다 및 add_new_div는 전환 것이다 DIV의 ID입니다. 내가 틀렸다면 나를 바로 잡아주세요. 처음

Answer 1

$(document).ready(function() 
{ 
    $('#add_new_div').hide(); 
    $('#add_button').click(function(){hide_show_add_div();}); 
}); 

function hide_show_add_div() 
{ 
    $('#add_new_div').toggle(900); 
} 

demo

Answer 2

스타일 디스플레이와 함께 작동해야 숨기기 : 아무도 당신은 페이지로드 jQuery 코드를 사용하여 사업부를 숨길 수 있습니다

Answer 3

사업부에 적용되지 :

$(document).ready(function() 
{ 
    $('#add_new_div').hide(); 
    $('#add_button').click(function(){hide_show_add_div();}); 
}); 

function hide_show_add_div() 
{ 
    $('#add_new_div').toggle(900); 
} 

당신 그것을 숨기기 위해 CSS를 사용할 수도 있습니다 (style="display: none"). 이것은 javascript가 비활성화되어 있어도 div가 숨겨지는 이점이 있습니다. javascript 코드로 숨기면 잠시 동안 div가 나타나고 다시 숨길 수 있습니다. 어떤 이유로 자바 스크립트가 느리게 실행되면이 문제가 발생합니다.