jQuery Tabs Demo
<script></script>
<script>
jQuery(document).ready(function() {
jQuery('.tabs .tab-links a').on('click', function(e) {
var currentAttrValue = jQuery(this).attr('href');
// Show/Hide Tabs
jQuery('.tabs ' + currentAttrValue).slideDown(400).siblings().slideUp(400);
// Change/remove current tab to active
jQuery(this).parent('li').addClass('active').siblings().removeClass('active');
e.preventDefault();
});
});
</script>
Tab #1 content goes here!
Donec pulvinar neque sed semper lacinia. Curabitur lacinia ullamcorper nibh; quis imperdiet velit eleifend ac. Donec blandit mauris eget aliquet lacinia! Donec pulvinar massa interdum risus ornare mollis.
Tab #2 content goes here!
Donec pulvinar neque sed semper lacinia. Curabitur lacinia ullamcorper nibh; quis imperdiet velit eleifend ac. Donec blandit mauris eget aliquet lacinia! Donec pulvinar massa interdum risus ornare mollis. In hac habitasse platea dictumst. Ut euismod tempus hendrerit. Morbi ut adipiscing nisi. Etiam rutrum sodales gravida! Aliquam tellus orci, iaculis vel.
Tab #3 content goes here!
Donec pulvinar neque sed semper lacinia. Curabitur lacinia ullamcorper nibh; quis imperdiet velit eleifend ac. Donec blandit mauris eget aliquet lacinia! Donec pulvinar massa interdum ri.
Tab #4 content goes here!
Donec pulvinar neque sed semper lacinia. Curabitur lacinia ullamcorper nibh; quis imperdiet velit eleifend ac. Donec blandit mauris eget aliquet lacinia! Donec pulvinar massa interdum risus ornare mollis. In hac habitasse platea dictumst. Ut euismod tempus hendrerit. Morbi ut adipiscing nisi. Etiam rutrum sodales gravida! Aliquam tellus orci, iaculis vel.
jquery tab menu sorun |
6 Mesajlar | 1.232 Okunma | ||
- Üyelik 22.07.2013
- Yaş/Cinsiyet 29 / E
- Meslek Web Tasarımcı
- Konum İstanbul Avrupa
- Ad Soyad C** Ş**
- Mesajlar 20
- Beğeniler 5 / 2
- Ticaret 0, (%0)
Merhabalar arkadaşlar ufak bir problemim var jquery bilgim olmadığından çözemiyorum. alttaki kodda tab menü normal bir şekilde çalışıyor fakat benim istediğim açık olan taba basılınca kapanmasını sağlamak yardımcı olabilecek varmı?
- Üyelik 18.07.2012
- Yaş/Cinsiyet 37 / E
- Meslek Front End Developer
- Konum İstanbul Avrupa
- Ad Soyad S** A**
- Mesajlar 219
- Beğeniler 28 / 66
- Ticaret 0, (%0)
jQuery('.tabs ' + currentAttrValue).slideDown(400).siblings().slideUp(400);
slideDown yerine slideToggle verin.
- Üyelik 22.07.2013
- Yaş/Cinsiyet 29 / E
- Meslek Web Tasarımcı
- Konum İstanbul Avrupa
- Ad Soyad C** Ş**
- Mesajlar 20
- Beğeniler 5 / 2
- Ticaret 0, (%0)
sosyalmedya adlı üyeden alıntı
jQuery('.tabs ' + currentAttrValue).slideDown(400).siblings().slideUp(400);
slideDown yerine slideToggle verin.
hocam eyv sağolasın çalıştı fakat şöyle bir sorunu var tab menü active özelliği gitmiyor yani background fff; veriyor tekrar basınca alt kapanıyor fakat fff hala kalıyor bunu nasıl çözebilirim?
- Üyelik 18.07.2012
- Yaş/Cinsiyet 37 / E
- Meslek Front End Developer
- Konum İstanbul Avrupa
- Ad Soyad S** A**
- Mesajlar 219
- Beğeniler 28 / 66
- Ticaret 0, (%0)
hocam eyv sağolasın çalıştı fakat şöyle bir sorunu var tab menü active özelliği gitmiyor yani background fff; veriyor tekrar basınca alt kapanıyor fakat fff hala kalıyor bunu nasıl çözebilirim?
jQuery(this).parent('li').addClass('active').siblings().removeClass('active');
addClass yerine toggleClass verebilirsin.
- Üyelik 22.07.2013
- Yaş/Cinsiyet 29 / E
- Meslek Web Tasarımcı
- Konum İstanbul Avrupa
- Ad Soyad C** Ş**
- Mesajlar 20
- Beğeniler 5 / 2
- Ticaret 0, (%0)
sosyalmedya adlı üyeden alıntı
jQuery('.tabs ' + currentAttrValue).slideDown(400).siblings().slideUp(400);
slideDown yerine slideToggle verin.
sosyalmedya adlı üyeden alıntı
jQuery(this).parent('li').addClass('active').siblings().removeClass('active');
addClass yerine toggleClass verebilirsin.
çok teşekkür ederim hocam çok makbule geçti.
- Üyelik 18.07.2012
- Yaş/Cinsiyet 37 / E
- Meslek Front End Developer
- Konum İstanbul Avrupa
- Ad Soyad S** A**
- Mesajlar 219
- Beğeniler 28 / 66
- Ticaret 0, (%0)
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)