부트 스트랩 스위치 토글

Question

stream = $('#dash-stream'); 


streamCheck(); 
$(stream).click(function() { 
    streamCheck(); 
}); 



function streamCheck() { 
if ($(stream).hasClass('active-dash')) { 
    $(stream).addClass('active-dash'); 
    $(".stream-section-hold").show(); 
    //loadPostsJson("load-stream", "#stream-holder", 1); 
    loadStreamJson("true","true"); 

} else if (!$(stream).hasClass('active-dash')) { 
    $(".stream-section-hold").hide(); 
    $(stream).removeClass('active-dash'); 
}; 
} 

가 나는 이벤트 스트림을 포함하는 div를로드 이는 button, 나는 그 페이지로드에 div -content (스트림)을로드하지만, ON과 OFF를 설정 할 수 있도록하려면이 콘텐츠를 숨기거나 표시합니다. 현재 콘텐츠를로드하고 있지만 내가 필요로하는 hide 및 show 기능이 없습니다. (숨기기 기능이 작동하지 않습니다.) 무엇이 없습니까?

dash-stream은 버튼입니다.

stream = $('#dash-stream'); 


streamCheck(); 
$(stream).click(function() { 
    streamCheck(); 
}); 


function streamCheck() { 

$(".stream-section-hold").show(); 

$('#dash-stream').click(function() { 
    if (!$(stream).hasClass('active-dash')) { 
     $(stream).addClass('active-dash'); 
     $(".stream-section-hold").show(); 
     //loadPostsJson("load-stream", "#stream-holder", 1); 
     loadStreamJson("true", "true"); 

    } else if ($(stream).hasClass('active-dash')) { 
     $(".stream-section-hold").hide(); 
     $(stream).removeClass('active-dash'); 
    }; 
}); 
} 

이 기능은 두 번째 클릭 할 때마다 작동합니다.

Answer 1

수정 됨.

loadStreamJson("true","true"); 

streamCheck(); 

$(stream).hasClass('active-dash'); 
$(stream).addClass('active-dash'); 
$(".stream-section-hold").show(); 

$(stream).click(function() { 
    streamCheck(); 
}); 

function streamCheck() { 

if (!$(stream).hasClass('active-dash')) { 
    $(stream).addClass('active-dash'); 
    $(".stream-section-hold").show(); 
    //loadPostsJson("load-stream", "#stream-holder", 1); 
    loadStreamJson("true","true"); 

} else if ($(stream).hasClass('active-dash')) { 
    $(".stream-section-hold").hide(); 
    $(stream).removeClass('active-dash'); 
}; 
}