Microsoft Techies: jQuery toggle on Button Click

Tuesday, 4 November 2014

	<!DOCTYPE html>
	<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
	<head>
	<meta charset="utf-8" />
	<title>Hi</title>
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
	<script type="text/javascript">
	$(document).ready(function () {
	$('.hide').toggle();
	$('.ReadMore').bind('click', function (e) {
	e.preventDefault();
	$('.hide').slideToggle(function () {
	$(this).closest('.readmore').find(".hide").toggle();
	});
	});
	});
	</script>
	</head>
	<body>
	<div id="art-main">
	<article class="post">
	<table>
	<tr>
	<td>
	<div class="ReadMore">
	<a href="#">Read More</a>
	</div>
	<div class="hide">
	<table>
	<tr>
	<td>Hi</td>
	<td>Content</td>
	<td>End</td>
	</tr>
	</table>
	</div>
	<div class="hide">
	text
	</div>
	</td>
	</tr>
	</table>
	</article>
	</div>
	</body>
	</html>

view raw gistfile1.html hosted with ❤ by GitHub