داینامیک کردن تب ها بدون رفرش شدن
سلام من میخام وقتی روی هر تب که مربوط به دسته بندی ها هست کلیک میشه
مطالب مربوط به همون دسته نمایش بده
کدهارو میزارم اینجا لطفا بررسی کنید چیکار کنم تا درست کار کنه
<div class="container">
<div class="row">
<div class="nav flex-column nav-pills m-3" id="v-pills-tab" role="tablist" aria-orientation="vertical">
@foreach($categories as $category)
<a class="nav-link active" id="v-pills-home-tab" data-toggle="pill" href="#v-pills-home" role="tab" aria-controls="v-pills-home" aria-selected="true">{{ $category->name }}</a>
@endforeach
</div>
<div class="tab-content" id="v-pills-tabContent">
@foreach($courses as $course)
<div class="tab-pane fade show active" id="v-pills-home" role="tabpanel" aria-labelledby="v-pills-home-tab"> {!! Str::limit($course->description, 100) !!}
</div>
@endforeach
</div>
</div>
</div>مثل عکس میخام وقتی روی مثلا icdl کلیک شد اطلاعات مربوط به همین دسته نمایش بده
گزینش سوالات
گفت و گو های مرتبط
دسته بندی سوالات
تگ‌های محبوب
ثبت پرسش جدید
0
فقط تب های دسته بندی داینامیک کردم کار میکنه
ولی روی دسته بندی هر دوره میزنم کل مطالب نمایش میده
iv class="container">
<div class="row">
<div class="nav flex-column nav-pills m-3" id="v-pills-tab" role="tablist" aria-orientation="vertical">
@foreach($categories as $key => $category)
<a class="nav-link {{ $key==0 ? 'active' : '' }}" id="add-home-tab" data-toggle="pill" href="#add-home" role="tab" aria-controls="add-home" aria-selected="true">{{ $category->name }}</a>
@endforeach
</div>
<div class="tab-content" id="v-pills-tabContent">
@foreach($courses as $key => $course)
<div class="tab-pane fade show active" id="add-home" role="tabpanel" aria-labelledby="add-home-tab">
{!! Str::limit($course->description, 100) !!}
</div>
@endforeach
</div>
</div>
</div>