以下の jQuery スクリプトに問題があります。
$('span').click(function(){
var info = $(this).attr("rel");
var reference = this;
if ($(this).hasClass('listed')) {
// alert('follow');
$(".unlisted").addClass("unlisted-bw");
$(".special").addClass("special-bw");
}
if ($(this).hasClass('special')) {
// alert('follow');
$(".unlisted").addClass("unlisted-bw");
$(".listed").addClass("listed-bw");
}
if ($(this).hasClass('unlisted')) {
// alert('follow');
$(".listed").addClass("listed-bw");
$(".special").addClass("special-bw");
}
});
special
1 つのスパン ( 、listed
またはunlisted
) をクリックすると、他のスパンが非アクティブになるように機能させたいと考えています。jQuery でこれを行うにはどうすればよいですか?
このスクリプトを作成しましたが、正しく動作しません。 http://jsfiddle.net/3nsrd/