diff --git a/js/App.js b/js/App.js
index 3a13209..9601734 100644
--- a/js/App.js
+++ b/js/App.js
@@ -260,8 +260,11 @@ App.prototype.populateList = function() {
 	var artidx = 0;
 	for (i = 0; i < byfeed.length; ++i) {
 	    var feed = byfeed[i];
-	    html_str += "<li>" + feed[0].feed_title;
-	    html_str += "<ul>";
+	    html_str += '<li><span' +
+		' onclick="return(toggleFeed(' + i.toString() + '));"' +
+		'>' + feed[0].feed_title + '</span>';
+	    var feedid = '"feed' + i.toString() + '"';
+	    html_str += '<ul id=' + feedid + ' style="display: none;">'
 	    for (var j = 0; j < feed.length; ++j) {
 		article = ua[artidx];
 		html_str += "<li"+ (article.unread ?
diff --git a/js/application.js b/js/application.js
index 5e38312..d8ebd6a 100644
--- a/js/application.js
+++ b/js/application.js
@@ -8,6 +8,15 @@ function debug(obj) {
 	alert(obj)
 }
 
+function toggleFeed(feedid) {
+    var e = document.getElementById("feed" + feedid.toString());
+    if (e.style.display == "none") {
+	e.style.display = "";
+    } else {
+	e.style.display = "none";
+    }
+}
+
 function $(obj) {
 	if(typeof obj == "string") return document.querySelector(obj);
 	else return obj;