[JavaScript] Nie znika mi klassa Opcje

[pawel06281990]

Wita,

Mam problem z function js bo po kliknięciu w inny element powinna mi zniknąć class a nie znika co jest nie tak. Bo dodawać do daje jak kliknę to pojawia się obrazem z ramką a jak kliknę w inny obrazek o innej nazwie to zdjęcie nie znika a w css masz wszystko podane poprawnie.

[JAVASCRIPT] pobierz, plaintext 
function show_sidebar(id){
		var $ = jQuery;
		jQuery('input[name="intencje_mszalne"]').change(function(){
			jQuery(this).parent().parent().find(".check-list").removeClass("check-list");
			jQuery(this).siblings("label").children("#check-list").addClass("check-list");
		});
		if ( id == 'Indywidualna'){
			jQuery("#wybierz").show();
			jQuery("#termin_data").hide();
			jQuery("#pole_wpisu").hide();
		}
		else if ( id == 'gregorianskie'){
			jQuery("#wybierz").hide();
			jQuery("#termin_data").show();
			jQuery("#pole_wpisu").show();
		}
		else if ( id == 'zbiorowa'){
			jQuery("#wybierz").hide();
			jQuery("#termin_data").hide();
			jQuery("#pole_wpisu").show();
		}
 
	}
[JAVASCRIPT] pobierz, plaintext 

Ten post edytował pawel06281990 12.02.2022, 21:03:47

[pawel06281990]

dla wyjaśnienia działania dodam css

[CSS] pobierz, plaintext 
.meta-input{
	float: left;
	margin-bottom: 10px !important;
	margin-right: 30px !important;
	margin-left: 20px !important;
	margin-top: 20px !important;
}
 
.radio-image-wrapper{
	float: left;
	position: relative;
	margin-right: 15px;
}
.radio-image-wrapper input{
	position: absolute;
	top: 0px;
	left: 0px;
	opacity: 0;
	filter: alpha(0);
	height: 21px;
}
 
 
.check-list{
	top: 0px;
	width: 201px;
	height: 65px;
	position: absolute;
	left:0px;
	margin-left: 19px;
margin-top: 9px;
 
}
.check-list-termin{
	top: 0px;
	width: 201px;
	height: 65px;
	position: absolute;
	left:0px;
	margin-left: 29px;
margin-top: 10px;
 
}
 
.radio{
	width:16px;
	height:17px;
	background:url(../images/radio.png) no-repeat;
	display:block;
	clear:left;
	float:left;
	margin-right:10px;
}
 
#check-list img{
display:none;
}
.check-list-termin img, .check-list img{
display:block !important;
}
[CSS] pobierz, plaintext 

Po kliknięciu w obrazek rozwija się kolejne pole do wyboru i jest oznaczony innym obrazkiem z ramkami.