نحوه پین کردن تب منو

کوکی‌ها راه‌حل‌های خوبی هستند همچنین از Web Storage و IndexedDB و روش‌های مدرن هم میتونید استفاده کنید.

@GHM ممنون از راهنمایی شما
امکانش هست با مثال بفرمایید ب شکلی باید پیاده سازی بشه ؟
من چه جوری میتونم مثلا روی تب منو با کد زیر اونو پیاده سازی کنم ؟

<div class="row ml-md-0 mr-md-0 vertical-tab tab-minimal">
   <ul class="nav nav-tabs col-md-2 justify-content-between" role="tablist">
      <li class="nav-item">
         <a class="nav-link" id="tab-2-1" data-toggle="tab" href="#dashboard-2-1" role="tab" aria-controls="dashboard-2-1" aria-selected="false">
         <i class="mdi mdi-speedometer"></i>Dashboard</a>
      </li>
      <li class="nav-item">
         <a class="nav-link" id="tab-2-2" data-toggle="tab" href="#message-2-2" role="tab" aria-controls="message-2-2" aria-selected="false">
         <i class="mdi mdi-message-outline"></i>Messages</a>
      </li>
   </ul>
   <div class="tab-content col-md-10">
      <div class="tab-pane fade" id="dashboard-2-1" role="tabpanel" aria-labelledby="tab-2-1">
         <div class="row">
            <div class="col-md-5">
               <img class="img-fluid rounded" src="../../../assets/images/samples/tab_preview/04.png" alt="tab Preview"> 
            </div>
            <div class="col-md-7 pl-md-5">
               <div class="wrapper mb-4">
                  <h4 class="mb-3">
                     <i class="mdi mdi-speedometer mr-3"></i>Anonymous Proxy
                  </h4>
                  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.</p>
               </div>
               <div class="wrapper mt-4 pt-4">
                  <h4 class="mb-3">
                     <i class="mdi mdi-speedometer mr-3"></i>Addiction When Gambling
                  </h4>
                  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.</p>
               </div>
            </div>
         </div>
      </div>
      <div class="tab-pane fade" id="message-2-2" role="tabpanel" aria-labelledby="tab-2-2">
         <div class="row">
            <div class="col-md-5">
               <img class="img-fluid rounded" src="../../../assets/images/samples/tab_preview/04.png" alt="tab Preview"> 
            </div>
            <div class="col-md-7 pl-md-5">
               <div class="wrapper mb-4">
                  <h4 class="mb-3">
                     <i class="mdi mdi-speedometer mr-3"></i>Anonymous Proxy
                  </h4>
                  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.</p>
               </div>
               <div class="wrapper mt-4 pt-4">
                  <h4 class="mb-3">
                     <i class="mdi mdi-speedometer mr-3"></i>Addiction When Gambling
                  </h4>
                  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.</p>
               </div>
            </div>
         </div>
      </div>
   </div>
</div>

از رویداد onclick در جاوااسکریپت استفاده کنید و ID گزینه ای رو که انتخاب میشه در یه کوکی ذخیره کن..
وقتی پیج کاملا لود شد »» چک کنید اگر اون مقدار کوکی ست شده باشه : خوب سلکتش کنید . اگرم نه که هیچی

آقای بیات در بالا توضیح دادن، شما فقط کافیه برای کاربر کوکی ست کنید و توسط این کوکی تشخیص بدید که تب موردنظر پین شده یا خیر. سازوکارش هم به اینصورته میگی اگه کوکی با مقدار فلان آی‌دی (یا هرچی خودت خواستی) ست شده بود، تب رو پین کن درغیر اینصورت هیچی... اگه از کتابخانه یا فریمورک JS استفاده میکنید که توابع آماده براتون ساختن اگر از JSخاصل استفاده میکنید و در حد 4- 5 تب دارید مشکلی نیست میتونید همه رو در یک کوکی مدیریت کنید ولی اگه زیادتر از ایناست برای خودتون توابع تر و تمیز بنویسید یا از کتابخانه‌های کم‌حجم کوکی استفاده کنید تا مدیریت بهتری داشته باشید.