غیرفعال شدن بقیه گزینه ها پس از انتخاب یک گزینه

[آگونیس]

با سلام
با استفاده از کدهای زیر

<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);
new PNotify({
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);
new PNotify({
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);
new PNotify({
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 - - -

مشکل حل شد