<script type="text/javascript">
					$(document).ready(function(){

							$(".slidingDiv").hide();
							$(".show_hide").show();

						$(".show_hide").click(function(){
						$(".slidingDiv").slideToggle();
						});
					});
				</script>


				<a href="#!" class="show_hide">Share something interesting</a>
				<div class="slidingDiv">
					<div id="indexProfilePicture">
						<?php echo "<img class='indexProfilePicture' id='noDragLuls' src='$fp_i'/>"; ?>
					</div>
                    <form action="EXE/postNewFeed.php" method="post">
						<textarea class="newPostContent" name="postfeed" ></textarea>
                        <input class="postButton" type="submit" value="Share" />
                    </form>


				</div>




.slidingDiv {
	word-wrap: break-word;
	padding: 10px;
	position: relative;
	z-index: 14;
	float: left;
	width: 860px;
	height: 110px;
		margin-top: -5px;
		margin-left: 10px;
	background: #2E4964; /*#574A5F;*/



	-webkit-box-shadow:  0px 0px 10px 0px rgba(0, 0, 0, 0.34);

        box-shadow:  0px 0px 10px 0px rgba(0, 0, 0, 0.34);

		-webkit-border-radius: 0px 0px 4px 4px;
        border-radius: 0px 0px 4px 4px;
}

.show_hide {
	font-weight: bold;
	z-index: 15;
	text-align: center;
	font-family: hamster;
	font-size: 25px;
	color: #0E2A46;
    display:none;
	word-wrap: break-word;
	padding: 10px;
	padding-bottom: 0px;
	position: relative;
	float: left;
	width: 860px;
	height: 30px;
		margin-top: 10px;
		margin-left: 10px;
	background: #2E4964; /*#574A5F;*/

	-webkit-border-radius: 4px 4px 4px 4px;
        border-radius: 4px 4px 4px 4px;

		webkit-transition: all 0.1 ease-in;
			-o-transition: all 0.1s ease-in;
			-ms-transition: all 0.1s ease-in;
			-moz-transition: all 0.1s ease-in;
			transition: all 0.1s ease-in;



}

.newPostContent{
	background: #213B55;
	float: left;
	color: white;
	height: 106px;
	width: 610px;
	margin-left: 10px;
	border-radius: 4px;
	border: none;
	padding-left: 5px;
}
.newPostContent:focus{
	outline: none;
}

.postButton{
	font-size: 26px;
	font-weight: bold;
	font-family: hamster;
	color: rgba(0, 0, 0, 0.47);
	height: 110px;
	width: 110px;
	margin-left: 10px;
	border: none;
	border-radius: 4px;
	background: #213B55;
	-webkit-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	transition: all 0.2s ease;


}
.postButton:hover{
	cursor: pointer;
	color: white;
	background: #27425E;
	-webkit-box-shadow:  0px 0px 10px 0px rgba(0, 0, 0, 0.34);

        box-shadow:  0px 0px 10px 0px rgba(0, 0, 0, 0.34);
}

.indexProfilePicture{
	float: left;
	width: 110px;
	height: 110px;
	border-radius: 4px;
}