جابجای divدر صفحه

بپرسید
  • iran58 iran58
  • 56 ماه قبل
  • 56 ماه قبل
  • 186 نمایش

0

{{ digitTrunc(content.likes) }}

سلام

من کد زیر را نوشته ام 

حالا می خواهم هرگاه بروی هر دکمه ای کلیک کردم div جاری به اندازه 200px بالا برود و div بعدی جای ان قرار گیرد 

باید کدی بنویسم 

باتشکر

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="utf-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <title>Page Title</title>

    <meta name="viewport" content="width=device-width, initial-scale=1">

    <link rel="stylesheet" type="text/css" media="screen" href="css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" media="screen" href="css/rtl.css">
    <style>
       .divmain {
            width: 100%;
            height: 200px;
            text-align: center;
            background-color: aliceblue;
           border: 1px solid red;
        }
        
        button {
            margin-top: 90px;
        }
    </style>
</head>
<body>
<div class="container " style="margin-top: 200px;">
<div class="divmain"><button class="btnClick">click</button></div>
<div class="divmain"><button class="btnClick">click</button></div>
        <div class="divmain"><button class="btnClick">click</button></div>
        <div class="divmain"><button class="btnClick">click</button></div>
       <div class="divmain"><button class="btnClick">click</button></div>
        <div class="divmain"><button class="btnClick">click</button></div>
        <div class="divmain"><button class="btnClick">click</button></div>
       <div class="divmain"><button class="btnClick">click</button></div>
        <div class="divmain"><button class="btnClick">click</button></div>
        <div class="divmain"><button class="btnClick">click</button></div>
       <div class="divmain"><button class="btnClick">click</button></div>
       <div class="divmain"><button class="btnClick">click</button></div>
        <div class="divmain"><button class="btnClick">click</button></div>
        <div class="divmain"><button class="btnClick">click</button></div>
        <div class="divmain"><button class="btnClick">click</button></div>
    </div>


    <script src="js/jquery-3.3.1.min.js"></script>
    <script src="js/popper.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
</body>
</html>
دوره های شبکه، برنامه نویسی، مجازی سازی، امنیت، نفوذ و ... با برترین های ایران

پاسخ ها به این سوال

پاسخ ها به این سوال

{{ digitTrunc(post.likes) }}

این پست در تاریخ {{ dateString(new Date(post.deleteDate)) }} توسط {{ post.deletedByUser }} حذف شده است.

دلیل حذف: {{ post.deleteReason ?? 'نامشخص' }}

{{ err }}
{{ post.userAchivements.rhodiumAchievements }}
{{ post.userAchivements.platinumAchievements }}
{{ post.userAchivements.goldAchievements }}
{{ post.userAchivements.silverAchievements }}
{{ post.userAchivements.bronzeAchievements }}
{{ timeSince(new Date(post.date)) }} قبل

برای ثبت پاسخ خود در وب سایت وارد حساب کاربری خود شوید
قابلیت ارسال مطلب توسط مدیریت سایت غیر فعال شده است