マルチプレイ：1ページの対象要素

Question

メインID内の別のボタンをクリックしている間に、hrefのターゲットをアクティブに保つことに問題があります。

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'); 
    }); 

これはあなたが望んでいる場合は私に知らせてください。