顯示一個div隱藏另一個

Question

我確信這個話題之前已被提及，但在這裏。我的嘗試是隱藏一個div並將其替換爲其他對象。同樣，我需要向某個項目添加一個類，同時從另一個類中移除一個類。這很簡單，我確定。謝謝

<script type="text/javascript"> 
    $(document).ready(function() { 
     $('.form_sub').hide(); 
     }); 
     </script> 
     <script type="text/javascript"> 
    $('a.theader_t').click(function(){ 
     $('.form_header').show(); 
     $('.form_sub').hide(); 
     $('.theader').addClass('active'); 
     $('sub_theader').removeClass('active'); 
    }); 
    </script> 
    <script type="text/javascript"> 
    $('.sub_theader_t').click(function){ 
    $('.form_header').hide(); 
     $('.form_sub').show(); 
     $('.theader').removeClass('active'); 
     $('sub_theader').addClass('active'); 
    }); 
    </script> 

我的appologies不問問題。第一個功能起作用，最後2個根本不工作。我希望a.theader_t在添加活動類的同時顯示.form_header，但如果適用的話，則從sub_theader_t開始活動。再次感謝！

Answer 1

其他兩個函數不進

$(document).ready(function() { }); 

和第三函數有錯誤

$('.sub_theader_t').click(function){ to 

$('.sub_theader_t').click(function(){ 

Answer 2

你似乎在這裏結束腳本...

<script type="text/javascript"> 
    $(document).ready(function() { 
     $('.form_sub').hide(); 
     }); 
</script> 

事件不在Document.Ready .. Make this modifi並且它應該工作正常..也請務必將這些事件委託給使用.on（）

< script type = "text/javascript" > $(document).ready(function() { 
    $('.form_sub').hide(); 

    $('a.theader_t').on('click',function() { 
     $('.form_header').show(); 
     $('.form_sub').hide(); 
     $('.theader').addClass('active'); 
     $('.sub_theader').removeClass('active'); 
    }); 

    $('.sub_theader_t').on('click' ,function) { 
     $('.form_header').hide(); 
     $('.form_sub').show(); 
     $('.theader').removeClass('active'); 
     $('.sub_theader').addClass('active'); 
    }); 
< /script>​​​​​