حذف دستور bootstrap باjquery
سلام
فرض کنید من کد زیر را نوشته ام
<!DOCTYPE html>
<html dir="rtl">
<head>
<link href="bootstrap.min.css" rel="stylesheet">
<style>
#panel {
height: 100vh;
}
#flip {
height: 100%;
}
</style>
</head>
<body>
<div class="row">
<div id="panel" class="w-25 bg-success">Hello world!</div>
<div id="flip" class=" bg-danger">*</div>
</div>
<script src="jquery-3.3.1.min.js"></script>
<script src="bootstrap.min.js"></script>
<script src="popper.min.js"></script>
<script>
$('#flip').on('click', function() {
debugger;
var text = $('#flip').html();
if (text === '*') {
} else {
}
});
</script>
</body>
</html>
حال می خواهم اگر if درست بود دستورw_25 که برایbootstrap است داخل کلاس حذف شود و اندازه 0 بشود
باید چه دستوری بنویسم
باتشکر
نقل قول: حذف دستور bootstrap باjquery
یکم سخته فهمیدن سوالت چون کلمات مناسبی استفاده نمیکنی
اگه منظورت اینه که میخای کلاس w-25 از دیو با آیدی panel حذف بشه
$('#panel').removeClass('w-25');
سوال دومت هم ما چیزی به اسم اندازه نداریم نمیدونم چی رو میخای 0 کنی
نقل قول: حذف دستور bootstrap باjquery
نقل قول:
نوشته شده توسط
plague
یکم سخته فهمیدن سوالت چون کلمات مناسبی استفاده نمیکنی
اگه منظورت اینه که میخای کلاس w-25 از دیو با آیدی panel حذف بشه
$('#panel').removeClass('w-25');
سوال دومت هم ما چیزی به اسم اندازه نداریم نمیدونم چی رو میخای 0 کنی
سلام
میخواهم
وقتی کاربر کلیک کرد در if می خواهم div ی که panel دارد اندازه اش صفر شود و div دوم مماس به صفحه شود یعنی panel دید نشود
نقل قول: حذف دستور bootstrap باjquery
اگه میخای ارتفاع و عرضش رو فر کنی (یدونشون هم جواب میده )
$('#panel').css('height' , '0px');
ولی اگه میخای مخفیش کنی نیز نیست 0 گکنی چیزی رو میتونی با .hide مخفیش کنی
