ساخت tab با jquery

[<?php?>]

پروژه من :
https://codepen.io/anon/pen/oeoyjQ

من در این پروژه یکسری تب ساختم که میخوام وقتی کاربر روی هر کدوم کلید کرد یک بوردی به اون تب کلیک شده , داده بشه

ال ان وارد پروژم که بشید به این صورت هست که همون کار انجام میشه اما با رویداد hover . در واقع میخوام با رویداد کلیک این کار انجام بشه .

من مشکلم با رویداد کلیک این بود که وقتی برای مثال »
به تب 1 کلیک میکردید , تب 1 بوردرش قرمز میشد .
اما وقتی به تب 2 کلیک میکردید , تپ 2 هم بوردش قرمز میشد و تب 1 هم هنوز قرمز میموند .

من میخوام به صورت حرفه ای این موضوع رو حل کنم و نمیخوام به هر کدوم کلاس بدم و براشون جدا جدا دستور کلیک تعریف کنم .


با تشکر از وقتی که میزارید .

[mojtaba05]

سلام
با استفاده از siblings کلاس اکتیو رو از همسایه ها بگیرید:
https://codepen.io/anon/pen/NvwBdy


$(this).addClass('active').siblings().removeClass( 'active');