Jquery $('.class') select only one

[keyboard]

Hey everyone!

I have several divs which all have the class content. Only one div is made visible at a time using this code -

function hidedivs() {
	//HIDE UN-NEEDED DIVS
	var contentid=new Array();
	contentid[0]="con1";
	contentid[1]="con2";
	contentid[2]="con3";
	for(i=0;i<contentid.length;i++) {
		document.getElementById(contentid[i]).style.display = 'none';
	}
}
function swapcontent(contentid) {
	hidedivs();
	//document.getElementById(contentid).style.display = 'block';
	$('#' + contentid).fadeOut().delay(50).fadeIn(800); 
	$('#sideBar').fadeOut().delay(50).fadeIn(800); 
}

What I'd like to do is get the height of the div that is currently visible and assign it to a variable like this, but it doesn't work...

	$(".content").each(function (w) { 
		if(w.style.display != "none") {          
			var heightvar = w.height();      
		} else {                
		}      
	});

Any help?

[jscheuer1]

There could also be other problems. However, according to the manual:

http://api.jquery.com/jQuery.each/

The first parameter in the each function is the index. so w will never have a style property.

You can either do:

	$(".content").each(function (i, w) { 
		if(w.style.display != "none") {          
			var heightvar = w.height();      
		} else {                
		}      
	});

Or:

	$(".content").each(function () { 
		if(this.style.display != "none") {          
			var heightvar = w.height();      
		} else {                
		}      
	});

If you want more help, please include a link to the page on your site that contains the problematic code so we can check it out.