diff --git a/5-approach.html b/5-approach.html
index ed38eb1..09c5079 100644
--- a/5-approach.html
+++ b/5-approach.html
@@ -49,7 +49,7 @@
 	</div>

 	<div class="approach">
-		<div class="accordion-content">
+		<div class="accordion-content normal">
 			<div class="accordion-item">
 				<div class="container">
 					<div class="trigger active">Use Cases <span></span></div>
diff --git a/7-careers.html b/7-careers.html
index 153c907..c7ba555 100644
--- a/7-careers.html
+++ b/7-careers.html
@@ -41,7 +41,7 @@
 	<!-- / header -->

 	<div class="careers">
-		<div class="accordion-content">
+		<div class="accordion-content files">
 			<div class="accordion-item">
 				<div class="close"></div>
 				<div class="trigger">
diff --git a/js/main.js b/js/main.js
index ee436bd..8916e65 100644
--- a/js/main.js
+++ b/js/main.js
@@ -9,7 +9,7 @@ $(document).ready(function() {
 		return false;
 	});

-	$('.accordion-content .accordion-item .trigger').click(function(){
+	$('.accordion-content.files .accordion-item .trigger').click(function(){
 		var itemA = $('.accordion-content .accordion-item .trigger');
 		var thisTrigger = $(this);
 		var container = $(this).next().find(".container");
@@ -30,4 +30,14 @@ $(document).ready(function() {
 		return false;
 	});

+	$('.accordion-content.normal .accordion-item .trigger').click(function(){
+		var itemA = $('.accordion-content .accordion-item .trigger');
+		if( $(this).next().is(':hidden') ) {
+			itemA.removeClass('active').next().slideUp().parent().removeClass('active');
+			$(this).toggleClass('active').next().slideDown().parent().toggleClass('active');
+		} else {
+			$(this).toggleClass('active').next().slideUp().parent().toggleClass('active');
+		}
+		return false;
+	});
 });
\ No newline at end of file
--
libgit2 0.21.2