UpdatePanel内div之间的CSS过渡效果

Question

我在页面中有多个div控件，每个div都在UpdatePanel中。我试图在按钮单击时在div之间应用CSS过渡效果（我使用visibility属性在div之间切换）。我怎样才能做到这一点？过渡：2s无效。

Answer 1

我想是这样的。请点击我的代码段中的链接。希望它有所帮助。

.buttons,
.weHide {
  width: 50%;
  height: 100%;
  float: left;
}

.weHide {
  visibility: hidden;
}

:target {
  visibility: visible;
}

<div class="buttons">
  <p><a href="#p1">FirstLink</a></p>
  <p><a href="#p2">SecondLink</a></p>
  <p><a href="#p3">ThirdLink</a></p>
</div>

<div class="weHide">
  <p id="p1">FirstPara</p>
  <p id="p2">SecondPara</p>
  <p id="p3">ThirdPara</p>
</div>