سلام..
من میخوام با کلیک روی زیر مو ب عنوان اینکه اکتیو هست رنگش تغییر کنه و با کلیک بر روی زیر منوی دیگه این ریموو بشه و کلاس اکتیو به اونیکه کلیک شده داده بشه ..
من این کد و نوشتم
$(function () { $(".list-group-item").click(function () { $(this).find("i").toggleClass("fa fa-plus-circle").toggleClass("fa fa-minus-square-o "); $(this).addClass('activeli').removeClass('activeli'); }); });
و همچنین میخوام وقیتی روی یک پانل گروپ کلیک میکنم تا زیر منوش بازشه با کلیک روی یکی دیگه اینیکه باز شده بسته شه و اونیکی باز شه
$(document).ready(function(){ $('.secondLevel').find('li').click(function(){ //removing the previous selected menu state $('#menu').find('li.active').removeClass('active'); //adding the state for this parent menu $(this).parents('li').addClass('active'); }); });
#menu li.active{ background: #ccddff; }
این کد html هست که نوشتم ..
ولی هر ککدوم از المنها یا کلاسهارو توی jquery نسبت میدم عمل نمیکنه
<div class="menu-header"> <span class="menu-title"> <a data-toggle="collapse" href="#manage-sys" class="show-a"> <img src="~/img/system.png" /> <span>مدیریت سیستم</span> </a> <i class="fa fa-plus-circle position_caret-menu"></i> </span> </div> <div id="manage-sys" class="panel-collapse collapse"> <ul class="list-group"> <li class="list-group-item"> <a href="#"> <img src="~/img/sys-mange.png" style="padding-left: 5px" />واحد مدیریت </a> </li> </ul> </div>
هیچ کاربری تا کنون از این پست تشکر نکرده است
با ما تماس بگیرید تا در این مسیر همراهتان باشیم :)