diff --git a/lib/assets/javascripts/roadmap-accordion.js b/lib/assets/javascripts/roadmap-accordion.js
new file mode 100644
index 0000000..3512af5
--- /dev/null
+++ b/lib/assets/javascripts/roadmap-accordion.js
@@ -0,0 +1,13 @@
+$(document).ready(function(){
+  $(".accordion").accordion({heightStyle: "content"});
+	
+	$(".accordion h2").click(function(e){
+		$.each($(this).parent().children("h2"), function(idx, section){
+			if($(section).hasClass("ui-accordion-header-active")){
+				$(section).children("span.fa").removeClass("fa-plus").addClass("fa-minus");
+			}else{
+				$(section).children("span.fa").removeClass("fa-minus").addClass("fa-plus");
+			}
+		});
+	});
+});
\ No newline at end of file
diff --git a/lib/assets/stylesheets/roadmap/accordion.scss b/lib/assets/stylesheets/roadmap/accordion.scss
new file mode 100644
index 0000000..7af4485
--- /dev/null
+++ b/lib/assets/stylesheets/roadmap/accordion.scss
@@ -0,0 +1,28 @@
+.accordion {
+	position: relative;
+	width: 100%;
+	
+	h2, h3 {
+		position: relative;
+		color: $white;
+		font-size: 24px;
+		background-color: $primary-color;
+		padding: 6px 0 10px 10px;
+		border-radius: 3px;
+		
+		.ui-accordion-header-active, 
+		.ui-accordion-header-collapsed {
+			position: relative;
+		}
+		
+		.fa {
+			font-size: 18px;
+			right: 15px;
+			top: 10px;
+		}
+	}
+	
+	div.accordion-section {
+		
+	}
+}
\ No newline at end of file