如何使用javascript顯示和隱藏兩個不同的div？

-1

我試圖使用一些JavaScript，我發現在這個網站上顯示和隱藏兩個不同的div。基本上，當有人點擊到達或點擊「一個按鈕」，然後我想要下面顯示的AAA股利。當有人點擊「b按鈕」時，我想隱藏AAA div並顯示下面的BBB div。如何使用javascript顯示和隱藏兩個不同的div？

我想過使用Bootstrap崩潰，但不想動畫。

我在做什麼錯？

http://matthewtbrown.com/test/index.html

// set content on click 
$('.button').click(function(e) { 
e.preventDefault(); 
setContent($(this)); 
}); 

// set content on load 
$('.button.active').length && setContent($('.button.active')); 

function setContent($el) { 
$('.button').removeClass('active'); 
$('.container').hide(); 

$el.addClass('active'); 
$($el.data('rel')).show(); 
} 

<div class="flr-wrap"> 
<ul> 
    <li><a class="timebutton active" data-rel="#content-a" href="#">a button</a></li> 
    <li><a class="timebutton" data-rel="#content-b" href="#">b button</a></li> 
</ul> 

<div class="flr-inner"> 
    <div class="timecontainer" id="content-a"> 
     AAA 
    </div> 
    <div class="timecontainer" id="content-b"> 
     BBB 
    </div> 
</div>

來源

2017-03-02 Matt Brown

'我在做什麼錯'很好，一開始，你不張貼在問題本身 –

在瀏覽器的開發者工具控制檯的任何錯誤的任何代碼......像'的ReferenceError：$是不是定義'例如？ –

加載'jQuery 3.1.0'並且'1.11.3'看起來也是錯誤的...但是，在加載jquery之前加載'js/timeentries.js' - 它依賴於jquery - 可能是頁面中最大的錯誤 –

假設你有jQuery的加載，你可以只用點擊處理程序和顯示（）隱藏（）函數。？

$(".a-button").click(() => { 
    $("#foo").hide() 
    $("#bar").show() 
}); 

$(".b-button").click(() => { 
    $("#bar").hide() 
    $("#foo").show() 
});

來源

2017-03-02 02:32:35

如何使用javascript顯示和隱藏兩個不同的div？

回答

相關問題