PDA

View Full Version : سوال: حذف دستور bootstrap باjquery



Iran58
چهارشنبه 25 مهر 1397, 12:39 عصر
سلام
فرض کنید من کد زیر را نوشته ام

<!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 بشود
باید چه دستوری بنویسم
باتشکر

plague
چهارشنبه 25 مهر 1397, 15:44 عصر
یکم سخته فهمیدن سوالت چون کلمات مناسبی استفاده نمیکنی
اگه منظورت اینه که میخای کلاس w-25 از دیو با آیدی panel حذف بشه

$('#panel').removeClass('w-25');

سوال دومت هم ما چیزی به اسم اندازه نداریم نمیدونم چی رو میخای 0 کنی

Iran58
چهارشنبه 25 مهر 1397, 15:52 عصر
یکم سخته فهمیدن سوالت چون کلمات مناسبی استفاده نمیکنی
اگه منظورت اینه که میخای کلاس w-25 از دیو با آیدی panel حذف بشه

$('#panel').removeClass('w-25');

سوال دومت هم ما چیزی به اسم اندازه نداریم نمیدونم چی رو میخای 0 کنی
سلام
میخواهم
وقتی کاربر کلیک کرد در if می خواهم div ی که panel دارد اندازه اش صفر شود و div دوم مماس به صفحه شود یعنی panel دید نشود

plague
پنج شنبه 26 مهر 1397, 15:44 عصر
اگه میخای ارتفاع و عرضش رو فر کنی (یدونشون هم جواب میده )
$('#panel').css('height' , '0px');

ولی اگه میخای مخفیش کنی نیز نیست 0 گکنی چیزی رو میتونی با .hide مخفیش کنی