jQuery - TABS

    <div class="testSubject2">
            <ul>
              <li><a href="#tab_puppies2" id="tab_for_puppies2">Puppies</a></li>
              <li><a href="#tab_flowers2" id="tab_for_flowers2">Flowers</a></li>
              <li><a href="tab_food.html" id="tab_for_food2">Food</a></li>
              <li><a href="/jqia2/lengthyTab" id="tab_for_slow2"><span>Slow</span></a></li>
            </ul>
            <div id="tab_puppies2">
              <img src="puppy-1.jpg"><img src="puppy-2.jpg"><img src="puppy-3.jpg"><img src="puppy-4.jpg"><img src="puppy-5.jpg"><img src="puppy-6.jpg">
            </div>
            <div id="tab_flowers2">
              <img src="flower-1.jpg"><img src="flower-2.jpg"><img src="flower-3.jpg"><img src="flower-4.jpg"><img src="flower-5.jpg"><img src="flower-6.jpg">
            </div>
          </div>

      $(function(){
        $('.testSubject2').tabs({});   

      );