Javascript 单击项目时取消选择其他项目

我使用此代码显示3条消息“backs”“back”“backx”
当我点击一个项目时，该类（背景、颜色）将被更改，并显示一个弹出窗口。此外，该项目将被“选中”。 实际上，当我点击第二个项目时，这将是“选中”表单，就像第一个项目一样，这意味着我们将有两个项目“选中”表单，但我想，当我点击第二个项目时，它将被选中，而第一个项目将被取消选中

  <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');
});

backx
背
返回
$（函数（）{
$（'#sxx1'）。单击（函数（）{
if（$（this）.hasClass（'sxz'））{
$（this.removeClass（'sxz'）；
}否则{
$（this.addClass（'sxz'）；
}
$（'#sx1'）.toggle（）；
});
});//]]> 
$（函数（）{
$（'#sxx'）。单击（函数（）{
if（$（this）.hasClass（'sxz'））{
$（this.removeClass（'sxz'）；
}否则{
$（this.addClass（'sxz'）；
}
$（'#sx'）.toggle（）；
});
});//]]> 
$（函数（）{
$（'#sxx2'）。单击（函数（）{
if（$（this）.hasClass（'sxz'））{
$（this.removeClass（'sxz'）；
}否则{
$（this.addClass（'sxz'）；
}
$（'#sx2'）.toggle（）；
});
});//]]> 
$（'p通知无标题'）。在（'click'，函数（）{
var$this=$（this）；
新通知({
text:$this.hasClass（'odd-click'）？'two'：'one'，
addclass:$this.hasClass（'odd-click'）？'bg warning'：'bg primary'
});
$this.toggleClass（'odd-click'）；
});
$（'pnotify-no-title1'）。在（'click'，函数（）{
var$this=$（this）；
新通知({
text:$this.hasClass（'odd-click'）？'two'：'one'，
addclass:$this.hasClass（'odd-click'）？'bg warning'：'bg primary'
});
$this.toggleClass（'odd-click'）；
});
$（'pnotify-no-title2'）。在（'click'，函数（）{
var$this=$（this）；
新通知({
text:$this.hasClass（'odd-click'）？'two'：'one'，
addclass:$this.hasClass（'odd-click'）？'bg warning'：'bg primary'
});
$this.toggleClass（'odd-click'）；
});

---

只有一个元素可以激活-

只要在选择某个项目时取消选择其他项目…您正在使用

#sx1

当您的ID为

sxx1

嗨，我不明白，请帮助me@Pasha除了只发布代码外，还请添加代码作用的解释

$('#sxx, #sxx1, #sxx2').click(function() {
    $('.sxz').removeClass('sxz');
    $(this).addClass('sxz');
}