سلام وقت بخیر، اول از همه ممنون از استاد صالحی عزیز که انقدر جذاب و خوب آموزش میدن.

من بخش حرکت باکس رو بجای دکمه اومدم با تک option درست کردم که تمرین خوبی بود :) کدشو قرار میدم اگه دوستان دیگه خواستند استفاده کنند و گسترشش بدن :

بخش html :

    انتخاب کنید
    شروع
    ریست

بخش jQuery :

jQuery(document).ready(function () {
let box = jQuery(".box");
jQuery("#animated-option").on('change', function () {
    if (this.value === 'start') {
        box.animate({
            right: '200px',
            opacity: 0.5,
            width: '100px',
            top: '100px'
        });
    } else if (this.value === 'rest') {
        box.animate({
            right: 0,
            opacity: 1,
            width: '200px',
            top: '0'
        });
    }
});
});

یک مورد هم در خصوص slideToggle، اگه شما چندتا باکس داشتید (مثل همین قسمت عنوان‌های دوره) و خواستید با کلیک روی باکس، باکس قبلی بسته بشه هم میتونید از این کد زیر استفاده کنید :

jQuery(".social-login").on('click', function () {
    /* for close automatic section */jQuery('.panel').not(jQuery(this).siblings('.panel').slideToggle()).slideUp();
});