غیرفعال شدن بقیه گزینه ها پس از انتخاب یک گزینه
با سلام
با استفاده از کدهای زیر
کد:
<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 - - -
مشکل حل شد
