demos/jqm-contents.php

@@ -83,7 +83,8 @@
 <li data-filtertext=""><a href="listview-autocomplete/" data-ajax="false">Listview: autocomplete</a></li>
 <li data-filtertext=""><a href="listview-autocomplete-remote/" data-ajax="false">Listview: autocomplete remote data</a></li>
 <li data-filtertext=""><a href="listview-autodividers-selector/" data-ajax="false">Listview: autodividers selector</a></li>
-<li data-filtertext=""><a href="listview-collapsible-item/" data-ajax="false">Listview: collapsible list items</a></li>
+<li data-filtertext=""><a href="listview-collapsible-item-flat/" data-ajax="false">Listview: collapsible list items (flat)</a></li>
+<li data-filtertext=""><a href="listview-collapsible-item-indented/" data-ajax="false">Listview: collapsible list items (indented)</a></li>
 <li data-filtertext=""><a href="listview-grid/" data-ajax="false">Listview: responsive grid</a></li>
 <li data-filtertext=""><a href="listview-linkbar/" data-ajax="false">Listview: linkbar</a></li>
 

demos/listview-collapsible-item-flat/index.php

@@ -12,22 +12,22 @@
 	<script src="../_assets/js/"></script>
 	<script src="../../js/"></script>
 	<style id="collapsible-list-item-style-flat">
-	.ui-li-static.ui-collapsible > .ui-collapsible-heading {
-		margin: 0;
-	}
-
-	.ui-li-static.ui-collapsible {
-		padding: 0;
-	}
-
-	.ui-li-static.ui-collapsible > .ui-collapsible-heading > .ui-btn {
-		border-top-width: 0;
-	}
-
-	.ui-li-static.ui-collapsible > .ui-collapsible-heading.ui-collapsible-heading-collapsed > .ui-btn,
-	.ui-li-static.ui-collapsible > .ui-collapsible-content {
-		border-bottom-width: 0;
-	}
+		.ui-li-static.ui-collapsible > .ui-collapsible-heading {
+			margin: 0;
+		}
+
+		.ui-li-static.ui-collapsible {
+			padding: 0;
+		}
+
+		.ui-li-static.ui-collapsible > .ui-collapsible-heading > .ui-btn {
+			border-top-width: 0;
+		}
+
+		.ui-li-static.ui-collapsible > .ui-collapsible-heading.ui-collapsible-heading-collapsed > .ui-btn,
+		.ui-li-static.ui-collapsible > .ui-collapsible-content {
+			border-bottom-width: 0;
+		}
 	</style>
 
 </head>

demos/listview-collapsible-item-indented/index.php

@@ -14,47 +14,47 @@
 	<style id="collapsible-list-item-style">
 		/* Basic settings */
 		.ui-li-static.ui-collapsible {
-  		padding: 0;
+			padding: 0;
 		}
 
 		.ui-li-static.ui-collapsible > .ui-collapsible-content > .ui-listview,
 		.ui-li-static.ui-collapsible > .ui-collapsible-heading {
-  		margin: 0;
+			margin: 0;
 		}
 
 		.ui-li-static.ui-collapsible > .ui-collapsible-content {
-  		padding-top: 0;
-  		padding-bottom: 0;
-  		padding-right: 0;
-  		border-bottom-width: 0;
+			padding-top: 0;
+			padding-bottom: 0;
+			padding-right: 0;
+			border-bottom-width: 0;
 		}
 
 		/* collapse vertical borders */
 		.ui-li-static.ui-collapsible > .ui-collapsible-content > .ui-listview > li.ui-last-child,
 		.ui-li-static.ui-collapsible.ui-collapsible-collapsed > .ui-collapsible-heading > a.ui-btn {
-  		border-bottom-width: 0;
+			border-bottom-width: 0;
 		}
 
 		.ui-li-static.ui-collapsible > .ui-collapsible-content > .ui-listview > li.ui-first-child,
 		.ui-li-static.ui-collapsible > .ui-collapsible-content > .ui-listview > li.ui-first-child > a.ui-btn,
 		.ui-li-static.ui-collapsible > .ui-collapsible-heading > a.ui-btn {
-  		border-top-width: 0;
+			border-top-width: 0;
 		}
 
 		/* Remove right borders */
 		.ui-li-static.ui-collapsible > .ui-collapsible-heading > a.ui-btn,
 		.ui-li-static.ui-collapsible > .ui-collapsible-content > .ui-listview > .ui-li-static,
 		.ui-li-static.ui-collapsible > .ui-collapsible-content > .ui-listview > li > a.ui-btn,
 		.ui-li-static.ui-collapsible > .ui-collapsible-content {
-  		border-right-width: 0;
+			border-right-width: 0;
 		}
 
 		/* Remove left borders */
 		/* Here, we need class ui-listview-outer to identify the outermost listview */
 		.ui-listview-outer > .ui-li-static.ui-collapsible .ui-li-static.ui-collapsible.ui-collapsible,
 		.ui-listview-outer > .ui-li-static.ui-collapsible > .ui-collapsible-heading > a.ui-btn,
 		.ui-li-static.ui-collapsible > .ui-collapsible-content {
-  		border-left-width: 0;
+			border-left-width: 0;
 		}
 	</style>