با سلام
با استفاده از کدهای زیر
ما سه تا گزینه ایجاد کردیمکد:<div id="toggler"><div id="sxx"><span id="pnotify-no-title">backx</span></div> <div id="toggler"><div id="sxx1"><span id="pnotify-no-title">backs</span></div> <div id="toggler"><div id="sxx2"><span id="pnotify-no-title">back</span></div> $(function(){ $('#sxx1').click(function(){ if($(this).hasClass('sxz')){ $(this).removeClass('sxz'); }else{ $(this).addClass('sxz'); } $('#sx1').toggle(); }); });//]]> $(function(){ $('#sxx').click(function(){ if($(this).hasClass('sxz')){ $(this).removeClass('sxz'); }else{ $(this).addClass('sxz'); } $('#sx').toggle(); }); });//]]> $(function(){ $('#sxx2').click(function(){ if($(this).hasClass('sxz')){ $(this).removeClass('sxz'); }else{ $(this).addClass('sxz'); } $('#sx2').toggle(); }); });//]]> $('#pnotify-no-title').on('click', function (){ var $this = $(this); newPNotify({ text: $this.hasClass('odd-click')?'two':'one', addclass: $this.hasClass('odd-click')?'bg-warning':'bg-primary' }); $this.toggleClass('odd-click'); }); $('#pnotify-no-title1').on('click', function (){ var $this = $(this); newPNotify({ text: $this.hasClass('odd-click')?'two':'one', addclass: $this.hasClass('odd-click')?'bg-warning':'bg-primary' }); $this.toggleClass('odd-click'); }); $('#pnotify-no-title2').on('click', function (){ var $this = $(this); newPNotify({ text: $this.hasClass('odd-click')?'two':'one', addclass: $this.hasClass('odd-click')?'bg-warning':'bg-primary' }); $this.toggleClass('odd-click'); });
back backs backx
حالا وقتی روی back کلیک می کنیم رنگ و بک گراندش عوض میشه و به حالت اکتیو در میاد همچنین یه پیامی رو نشون می ده و وقتی دوباره روش کلیک می کنیم inactive میشه و دوباره پیام دیگری رو نشون میده
حالا می خواهم وقتی یک گزینه فعال هستش و ما روی گزینه ی دیگه کلیک می کنیم استایل گزینه ی قبل به حالت اول برگرده و اتوماتیک inactive بشه
- - - Updated - - -
مشکل حل شد





پاسخ با نقل قول