Paylaş
İlk önce bir kodlamamıza bakalım değil mi 
Bu dersi html ve css bildiğinizi düşünerek yazıyorum.
Şurada hepsini tekrardan açıklayalım;
Fonksiyonumuza başlama kodu.
Burada sekme_id değişkenine sekme attributesindeki yazıyı atıyoruz.
Tıklanınca bütün li lerden 'tiklanan' classı kalkıyor.
Tıklanınca bütün .sekme-icerik teki 'tiklanan' classı kalkıyor.
Tıklananın kendisine 'tiklanan' classı ekliyor.
id si '#' + tıklanan li nin sekme attributesi olana 'tiklanan' classı ekliyor.
Kaynak İçin Bana Tıkla!
Kod:
https://codepen.io/mehmeteq/pen/VWMarEKod:
$(function(){ //fonksiyonumuza başlayalım
$('ul.sekmeler li').click(function(){//ul.sekmeler içindeki li ye tıklanınca
var sekme_id = $(this).attr('sekme');//burada this kelimesi kendisi anlamına geliyor. Yani kendisinin sekme attributesini sekme_id değişkenine atıyoruz.
$('ul.sekmeler li').removeClass('tiklanan');//ul.sekmeler içindeki li ye tıklanınca lilerden 'tiklanan' classı kalkıyor.
$('.sekme-icerik').removeClass('tiklanan');//ul.sekmeler içindeki li ye tıklanınca sekme-icerikteki 'tiklanan' classı kalkıyor.
$(this).addClass('tiklanan');//ul.sekmeler içindeki li ye tıklanınca kendisine 'tiklanan' classı atıyor.
$("#"+sekme_id).addClass('tiklanan');//ul.sekmeler içindeki li ye tıklanınca sekmeler attr si ile eşit olan sekme-icerik classına 'tiklanan' classı atıyor.
});
});Kod:
$(function(){Kod:
var sekme_id = $(this).attr('sekme');Kod:
$('ul.sekmeler li').removeClass('tiklanan');Kod:
$('.sekme-icerik').removeClass('tiklanan');Kod:
$(this).addClass('tiklanan');Kod:
$("#"+sekme_id).addClass('tiklanan');Kaynak İçin Bana Tıkla!