-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)
+ })
+})