[mwdesign]

Hi, I posted this problem a little while ago about how i would adapt some jquery in order to target div ID's rather than a class which at the moment controls all my divs.

My ids are: #post1, #post2, #post3, all with different heights because of content.

here is my jquery:

// Set the initial height
var sliderHeight = "45px";

$(document).ready(function(){
	// Show the slider content
	$('.slider').show();

	
	$('.slider').each(function () {
		var current = $(this);
		current.attr("box_h", current.height());
	});
	
	$(".slider").css("height", sliderHeight);
});

// Set the initial slider state
var slider_state = "close";

function sliderAction()
{
	if (slider_state == "close")
	{
		sliderOpen();
		slider_state = "open"
		$(".slider_menu").html('<a href="#" onclick="return sliderAction();">[Close]</a>');
	}
	else if (slider_state == "open")
	{
		sliderClose();
		slider_state = "close";
		$(".slider_menu").html('<a href="#" onclick="return sliderAction();">...[More]</a>');
	}
	
	return false;
}

function sliderOpen()
{
	var open_height = $(".slider").attr("box_h") + "px";
	$(".slider").animate({"height": open_height}, {duration: "fast" });
}

function sliderClose()
{
	$(".slider").animate({"height": sliderHeight}, {duration: "fast" });
}