Tab help after show/hide.

Tab help after show/hide.

  1. <a href="#" id="link1" onclick="$('#showhide1').show('slow'); $('#link1').hide(); $('#link2').show();">Learn More</a>
  2. <a href="#" id="link2" style="display:none;" onclick="$('#showhide1').hide('slow'); $('#link2').hide(); $('#link1').show();">Hide</a>
  3. <br/>
  4. <a href="#" id="link3" onclick="$('#showhide1').show('slow'); ">See Offer Details</a>
  5. <div class="wrap" id="showhide1" style="display:none;">
  6. <ul class="tabs">
  7.    
  8.     <li class="left"><a href="#">Signature Digital TV</a></li>
  9.     <li><a href="#">Internet</a></li>
  10.     <li><a href="#">Phone</a></li>
  11.      
  12. </ul>
Using the existing code, I'd like to have "See Offer Details", in addition to showing the "showhide1" div, also switch over to the "Phone" tab. How should I go about doing this?