我试图让这张幻灯片菜单按原样运行，但不会更改网址。现在，当您按下左侧和右侧面板的链接时，它将更改URL以将#default，＃target1，＃target2，＃target3附加到URL的末尾。如何将代码更改为根本不更改URL？我希望它保持相同，点击链接，面板滑动。 http://jsfiddle.net/xgvn6y0e/
我正在尝试不使用javascript / jquery。我希望它是纯CSS。如果不能这样做，请告诉我。
<div class="container">
<div class="main-menu"><a href="#default">Main Menu Link</a>
</div>
<div class="wrapper">
<div id="right">
<div class="panel" id="target1">Target 1</div>
<div class="panel" id="target2">Target 2</div>
<div class="panel" id="target3">Target 3</div>
<div class="active" id="default">
<div id="ttt">
This is the Target Menu<br/>
<a href="#target1">Target 1</a><br/>
<a href="#target2">Target 2</a><br/>
<a href="#target3">Target 3</a><br/>
</div>
</div>
</div>
</div>
</div>