Multipe：一個頁面中的目標元素

Question

我在保持一個href的目標處於活動狀態時單擊主ID內的另一個按鈕時遇到問題。

當您單擊INTEL按鈕時，不透明度會從0移動到1.但是，當您在INTEL內單擊數據歷史記錄時，整個框會消失，因爲它應該顯示一個較小的框到右側。

Here is the link to the code.

#intel { 
    position: absolute; 
    top: 5px; 
    left: 5px; 
    background-color: #BAB5A1; 
    height: 245px; 
    width: 790px; 
    color: #454138; 
    font-family: inherit; 
    opacity: 0; 
    transition: all 0.25s ease-in-out; 
} 

#intel:target, #inteldatahistory:target { 
    transition: all 0.25s ease-in-out; 
    opacity: 1; 
} 

#inteldatahistory { 
    color: #454138; 
    z-index: 1; 
    opacity: 0; 
} 

Answer 1

$('#intelbutton').on('click', function(){ 
     $('#intel').css('opacity','1'); 
    }); 

請讓我知道，如果這是你想要的。