تغییر استایل div به وسیله ی سوئیچ با checkbox

[abbas3zaar]

سلام. من میخام مطالبم رو مثل عکس زیر پیاده سازی کنم

http://8pic.ir/images/pys1t5otgdfnwluuasc3.jpg

وقتی روی سوئیچ (چک باکس) کلیک کنیم (بدون post back و ریفرش صفحه) استایل تغییر کنه. عکس زیر:

حالت اول:

http://8pic.ir/images/1hjdm6j1ba954zc8wl6b.jpg


حالت دوم:

http://8pic.ir/images/jl7c27dp9huvtaa9nl28.jpg


اینم لینک سایتش (http://www.themeyab.com/category)

[abbas3zaar]

خب بگید توی گوگل دنبال چی بگردم انگلیسیش چی میشه؟

change div style using switch key with jquery

اینو گشتم نبود

البته اینو (http://www.w3schools.com/jquery/exercise.asp?filename=exercise_css4)پیدا کردم ولی خیلی ساده بود

[abbas3zaar]

اسمشو پیدا کردم:

به این روش میگن Toggle Class که خود جی کوئری داره. میتونید دو تا کلاس به یک div میدی بعد میتونی سوئیچ کنی بینشون بدون ریفرش صفحه


این لینکا رو هم ببنید:

https://jqueryui.com/toggleClass/

http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_dom_toggleclass

[tamafi6]

اسمشو پیدا کردم:

به این روش میگن Toggle Class که خود جی کوئری داره. میتونید دو تا کلاس به یک div میدی بعد میتونی سوئیچ کنی بینشون بدون ریفرش صفحه

این روش راسویچر کردن مینامند ومیشه چندین استایل براش نوشت
نمونه درضمیمه: