add dropout effect when hiding read feeds

3 files changed, 15 insertions, 6 deletions

diff --git a/feedlist.js b/feedlist.js
index c0257fd91..8c0420d0e 100644
--- a/feedlist.js
+++ b/feedlist.js
@@ -193,7 +193,7 @@ function toggleCollapseCat(cat) {
 		var cat_list = document.getElementById("FCATLIST-" + cat).parentNode;
 		var caption = document.getElementById("FCAP-" + cat);
 		
-		if (cat_list.className.match("invisible")) {
+/*		if (cat_list.className.match("invisible")) {
 			cat_list.className = "";
 			caption.innerHTML = caption.innerHTML.replace("...", "");
 			if (cat == 0) {
@@ -204,8 +204,11 @@ function toggleCollapseCat(cat) {
 			caption.innerHTML = caption.innerHTML + "...";
 			if (cat == 0) {
 				setCookie("ttrss_vf_uclps", "1");
-			}
-		}
+			} 
+
+		} */
+
+		Effect.toggle('FCATLIST-' + cat, 'blind', { duration: 0.5 });
 
 		new Ajax.Request("backend.php?op=feeds&subop=collapse&cid=" + 
 			param_escape(cat));
diff --git a/functions.js b/functions.js
index c6ef5fba9..56e56b1a1 100644
--- a/functions.js
+++ b/functions.js
@@ -1009,16 +1009,20 @@ function hideOrShowFeedsCategory(doc, node, hide, cat_node) {
 	//			debug(node.childNodes[i].id + " --> " + has_unread);
 	
 				if (hide && !has_unread) {
-					node.childNodes[i].style.display = "none";
+					//node.childNodes[i].style.display = "none";
+					Effect.DropOut(node.childNodes[i], {duration : 0.3});
 				}
 	
 				if (!hide) {
 					node.childNodes[i].style.display = "list-item";
+					//Effect.Appear(node.childNodes[i], {duration : 0.3});
 				}
 	
 				if (has_unread) {
 					node.childNodes[i].style.display = "list-item";
 					cat_unread++;
+					//Effect.Appear(node.childNodes[i], {duration : 0.3});
+					//Effect.Highlight(node.childNodes[i]);
 				}
 			}
 		}
diff --git a/functions.php b/functions.php
index 51c2dd17e..8e003e5a9 100644
--- a/functions.php
+++ b/functions.php
@@ -3420,10 +3420,12 @@
 					}
 
 					if ($collapsed == "t" || $collapsed == "1") {
-						$holder_class = "invisible";
+						$holder_class = "feedCatHolder";
+						$holder_style = "display:none;";
 						$ellipsis = "...";
 					} else {
 						$holder_class = "feedCatHolder";
+						$holder_style = "";
 						$ellipsis = "";
 					}
 
@@ -3442,7 +3444,7 @@
 
 					// !!! NO SPACE before <ul...feedCatList - breaks firstChild DOM function
 					// -> keyboard navigation, etc.
-					print "<li id=\"feedCatHolder\" class=\"$holder_class\"><ul class=\"feedCatList\" id=\"FCATLIST-$cat_id\">";
+					print "<li id=\"feedCatHolder\" class=\"$holder_class\"><ul class=\"feedCatList\" id=\"FCATLIST-$cat_id\" style='$holder_style'>";
 				}
 	
 				printFeedEntry($feed_id, $class, $feed, $unread,