Translate small Javascript block to jQuery

[Sub_Seven]

Hello all,

Could anyone be so kind and tell me how to turn this:

<script type="text/javascript">
		function enabler(){
			var reqAdults = document.getElementById('reqAdults');
			
			if(document.reserveForm.adults.selectedIndex == 0){
				reqAdults.style.display = "inline";
			}
			else{
				reqAdults.style.display = "none";
			}
		}
	</script>

Into jQuery so I can use more interesting transitions and make it look better.

Sorry, I've never been good with client-side stuff

Thanks...

[Padonak]

	
	
function enabler(){
var displ=(document.reserveForm.adults.selectedIndex == 0)? 'inline' : 'none';
$('#reqAdults').css('display',displ);
}

[xelawho]

you can make it easier on yourself by passing the selectedIndex as an argument in the select onchange:

<select name="first_name" onchange="enabler(this.selectedIndex)">

function enabler(ind){
	$("#reqAdults").css("display",ind==0?"inline":"none")
	}

[Sub_Seven]

Thank you both of you guys for the help, unfortunately none of them worked

I'm calling the function onchange as you said xelawho.

I just don't understand, every time I need client-side is an endless fight...

[xelawho]

if you wanted it to be pure jQuery you can attach the event handler like below, provided you can give the select an id of "thesel" (or whatever). Remember to put your script below the html, or (better) to wrap it in a document ready function:

$(document).ready(function() {
 $("#thesel").change (function(){
$("#reqAdults").css("display",$(this).prop("selectedIndex")==0?"inline":"none")
	});
});

if that doesn't work you might need to show more code...

[Padonak]

...unfortunately none of them worked
...

here is the page with the code i posted. if this page does not work i am having hallucinations

[Sub_Seven]

Hello, sorry for taking so long but I don't get to work on the same project everyday.

So yeah, it does work, but my last attempt to make it look better doesn't, can one of you guys tell me why this wont work:

<script type="text/javascript">
	function enabler(){
		var displ = (document.reserveForm.adults.selectedIndex == 0)? 1 : 0;
		$('#reqAdults').stop().animate({'opacity',displ}, 300);
	}
</script>

I just don't see anything wrong, other than the fact that it doesn't work