داینامیک کردن تب ها بدون رفرش شدن
سلام من میخام وقتی روی هر تب که مربوط به دسته بندی ها هست کلیک میشه
مطالب مربوط به همون دسته نمایش بده
کدهارو میزارم اینجا لطفا بررسی کنید چیکار کنم تا درست کار کنه
<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 کلیک شد اطلاعات مربوط به همین دسته نمایش بده
ثبت پرسش جدید
پاسخها
1فقط تب های دسته بندی داینامیک کردم کار میکنه
ولی روی دسته بندی هر دوره میزنم کل مطالب نمایش میده
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>
گفتگوهای مرتبط
شاید پاسخ شما همینجا باشد