تغییر استایل با کلیک بر روی یک عنصر در وب

[taktos]

سلام
میخام با کلیک روی یه عنصر توی وب به یه بخشی که ارتفاعش ثابت هست استایل اضافه بشه که ارتفاعش بیشتر بشه
این کد رو میخام
نمیدونم منظورمو فهمیدین یا نه
مثلا این کد اچ تی ام ال


<nav>
محتوا

<span class="buttom"></span>
</nav>

الان توی استایل ارتفاع nav هستش 120px حالا میخام وقتی روی اون span که کلیک کردم یه استایل به nav اضافه بشه تا بتونم ارتفاع رو تنظیم کنیم
بازم روش کلیک کرد به حالت قبل برگرده

[id1385]

<nav id="sample">
محتوا


<span class="buttom"></span>
</nav>




js:
$("#sample").on('click', function(){
// afzoodane class
$(this).addClass("harchi");

// hazf class
$(this).removeClass("harchi");

// afzoodane css
$(this).css("height", "200px");
})

[taktos]

<nav id="sample">
محتوا


<span class="buttom"></span>
</nav>




js:
$("#sample").on('click', function(){
// afzoodane class
$(this).addClass("harchi");

// hazf class
$(this).removeClass("harchi");

// afzoodane css
$(this).css("height", "200px");
})





دمت گرم حاجی :قلب: