Use jQuery for some effects

[djsite.git] / quotes / static / quotes / quotes.js

diff --git a/quotes/static/quotes/quotes.js b/quotes/static/quotes/quotes.js
index 4ae5cd99b868773ac4f6d0116f87abcccb3f1f80..b83047b208dcb1c65976fbd8d7502ed78d339db9 100644 (file)
--- a/quotes/static/quotes/quotes.js
+++ b/quotes/static/quotes/quotes.js
@@ -1,13 +1,21 @@
-function showDetails(id) {
-    document.getElementById(id).style.height = 'auto';
-    // document.getElementById(id).style.visibility = 'visible';
-    // document.getElementById(id).style.opacity = '1';
-    document.getElementById(id + '_button').style.display = 'none';
-}
+function toggleDetails(event) {
+    var detailsid = event.data
+
+    button = $(detailsid+" .showhide_button")
+    button.text(
+       button.text() == "Show details" ? "Hide details" : "Show details"
+    );
 
-function hideDetails(id) {
-    document.getElementById(id).style.maxHeight = '0';
-    // document.getElementById(id).style.opacity = '0';
-    // document.getElementById(id).style.visibility = 'hidden';
-    document.getElementById(id + '_button').style.display = 'block';
+    $(detailsid+">.hidden_details").slideToggle(750)
+
+    return false;
 }
+
+$( function() {
+    $(".details").each(function(index, elem) {
+       var detailsid = "#" + elem.id
+       $(detailsid+" .showhide_button").click(detailsid, toggleDetails)
+       $(detailsid+" .showhide_button").text("Show details")
+       $(detailsid+">.hidden_details").hide(0)
+    })
+})