I'm using this JSfidle link to create a sliding page content: <http://jsfiddle.net/sg3s/rs2QK/>

I'm really happy with it, but I want it to show the first target by default, what I have tried is replacing the panel class of the first target, replacing it with the active class, then it shows up on default, but when I then click for the first time a target, the text of the first target stays untill I click on a target link again.

```
<div id="left">
<a href="#target1" class="panel">Target 1</a><br/>
<a href="#target2" class="panel">Target 2</a><br/>
<a href="#target3" class="panel">Target 3</a><br/>
</div>

<div id="right">
<div class="active" id="target1" style="background:green">Target 1</div>
<div class="panel" id="target2" style="background:red">Target 2</div>
<div class="panel" id="target3" style="background:yellow">Target 3</div>
</div>

```

Does anybody have any tips to fix this?

Thank you,

Bob