Code for sliding open hidden content left/right

slider.html

<div class="slider-container">
	<label class="slider-trigger">Join Our Mailing List</label>
	<input type="text" class="slider-target" data-width="206px" data-padding="5px" />
</div>

slider.js

  $(".slider-target").css({
	width: "0px",
	paddingLeft: "0px",
	paddingRight: "0px"
});

$(".slider-trigger").click(function() {
	var $target = $(this).closest(".slider-container").find(".slider-target")
	,	toWidth   = $target.data("width")
	
	if ($target.outerWidth() == parseInt(toWidth)) {
		var width = padding = "0px"
	} else {
		var width   = toWidth
		,	padding = $target.data("padding")
	}

	$target.stop(true, true)
		.animate({
			width: width,
			paddingLeft: padding,
			paddingRight: padding
		}, "normal");
});