Multipe：一页中的目标元素

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

如果这是你想要的，请告诉我。