سلام خسته نباشین من ی صفحه درست کردم با قالب بوت استرپ که عنوان و عکس و متن و رو از دیتا بیس میخونه و زمانی که روی هرکدوم از عنوان ها کلیک میشه پنل باز میشه و عکس و متن و نشون باید بده که همه چی و از دیتابیس میخونه ولی وقتی رو عنوان کلیک میشه همش پنل اولی رو باز میکنه در واقع با کد جئ کوئری فک کنم مشکلش
کدها رو پایین میزارم ؟
<div class="col-lg-12"> <div class="panel-group" id="accordion"> @{ var q = from a in db.Tbl_News select a; foreach (var item in q) { <div class="panel panel-default"> <div class="panel-heading"> <h4 class="panel-title"> <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#collapseOne">@item.Title</a> </h4> </div> <div id="collapseOne" class="panel-collapse collapse"> <div class="panel-body"> <div class="col-md-12 img-portfolio"> <img class="img-responsive img-hover" src="~/Content/Pics/News/@item.Image" alt=""> <p>@item.Description</p> </div> </div> </div> </div> } } </div> </div> </div>
کد جی کوئری را نیز قرار دهید
من از قالب آماده بوت استرپ استفاده کردم راستش مبتدی هستم فایل های جاوا رو براتون ضمیمه میکنم
از این دوتا فایل جاوا تو صفحه استفاده کردم :
<script src="~/Scripts/jquery.js"></script>
<script src="~/Scripts/bootstrap.min.js"></script>
هیچ کاربری تا کنون از این پست تشکر نکرده است
با ما تماس بگیرید تا در این مسیر همراهتان باشیم :)