<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">

<!-- nhập thư viện Jquery -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>

<!-- vùng click -->
<a id="click"><i class="fa fa-tasks fa-3x" style="color: green;"></i></a>

<!-- vùng hiển thị phần ẩn -->
<div id="show" style="display: none;">
<h1><font color="red">hiển thị nội dung bên trong đây</font></h1>
</div>
<!-- xử lý toggle -->
<script>
$('#click').click(function(){
$('#show').toggle('fast','linear');
});
</script>

---

Copy code