اعمال toggle برای border در jquery

https://jsfiddle.net/mohammadhttp/rndfexxd/1/

میخوام وقتی کاربر بار اول بر رویه Li کلیک میکنه border اعمال بشه و برای بار دوم که کلیک میکنه border ازش برداشته بشه و برای بار سوم که کلیک مرد اعمال بشه و برای بار چهارم border ازش برداشته بشه همینطور الا اخر ................. .

مثل تابع toggle . اما متاسفانه toggle فقط برای show و hide شدن به کار میره .


میخوام css مورد نظر به صورت toggle اعمال بشه رویه هر li .



از دوستانی که راهنمایی میکنند نهایت تشکر رو دارم .:63:

برای ویژگی‌های CSS به جز display شما باید از toggleClass استفاده کنید تا یک کلاس رو از عنصر بردارید یا اضافه کنید
بعد در css به اون کلاس css هر ویژگی از جمله Border رو می‌تونید نسبت بدید