Amungra Blog

Membuat Vertikal Tab dengan JQuery - Pada umumnya tab view yang pernah banyak dibuat berbentuk tab view mendatar atau horizontal dengan 3 atau 4 bahkan 5 tab view, tab view yang akan kita kupas merupakan tab view berbentuk vertikal atau tegak lurus dengan tambahan penggunaan efek jquery yang sudah bergitu terkenal dengan efek-efeknya yang menghasilkan animasi yang halus.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22

<div id="ardianta">     <h2>Tab 1</h2>     <div class="isi">         Tab pertama.. isi apa yaa???     </div>     <h2>Tab 2</h2>     <div class="isi">         Aku yang selalu menunggumu     </div>     <h2>Tab 3</h2>     <div class="isi">       <a href="https://www.facebook.com/fezbuk.c0m/">Aku ingin bertanya?</a>     </div>     <h2>Tab 4</h2>     <div class="isi">         <a href="http://www.ardianta.tk/2012/04/vartical-tab-view-dengan-jquery.html" rel="dofollow" target="blank">View Tutorial</a>     </div>     <h2>Tab 5</h2>     <div class="isi">         Ini tab terakhir [www.ardianta.tk]     </div> </div>?