UpdatePanel内のdiv間のCSSトランジション効果

Question

ページに複数のdivコントロールがあり、各divはUpdatePanel内にあります。ボタンのクリック時にdiv間でCSSトランジション効果を適用しようとしています（visibilityプロパティを使用してdivを切り替える）。それをどうすれば実現できますか？トランジション：2秒は機能しません。

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>