Version Description
- Improved nesting collapse function for sub-levels and added support for nesting 30 levels deep.
Download this release
Release Info
Developer | baden03 |
Plugin | Collapse-O-Matic |
Version | 1.3.17 |
Comparing to | |
See all releases |
Code changes from version 1.3.13 to 1.3.17
- collapse-o-matic.php +59 -22
- collapse.js +74 -52
- readme.txt +40 -6
- style.css +8 -0
collapse-o-matic.php
CHANGED
@@ -3,10 +3,11 @@
|
|
3 |
Plugin Name: jQuery Collapse-O-Matic
|
4 |
Plugin URI: http://www.twinpictures.de/jquery-collapse-o-matic-1-3/
|
5 |
Description: Collapse-O-Matic adds an `[expand]` shortcode that wraps content into a lovely, jQuery collapsible div.
|
6 |
-
Version: 1.3.
|
7 |
Author: Twinpictures
|
8 |
-
Author URI: http://
|
9 |
License: GPL2
|
|
|
10 |
*/
|
11 |
|
12 |
/* Copyright 2012 Twinpictures (www.twinpictures.de)
|
@@ -25,18 +26,30 @@ License: GPL2
|
|
25 |
Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA 02110-1301 USA
|
26 |
*/
|
27 |
|
28 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
29 |
|
30 |
-
|
31 |
-
if (!is_admin()){
|
32 |
-
//collapse script
|
33 |
-
wp_register_script('collapseomatic-js', $plugin_url.'/collapse.js', array ('jquery'), '1.2.7' );
|
34 |
-
wp_enqueue_script('collapseomatic-js');
|
35 |
|
36 |
-
|
37 |
-
|
38 |
-
|
|
|
|
|
|
|
39 |
}
|
|
|
40 |
|
41 |
|
42 |
function collapsTronic($atts, $content = null){
|
@@ -50,6 +63,7 @@ function collapsTronic($atts, $content = null){
|
|
50 |
'tag' => 'span',
|
51 |
'trigclass' => '',
|
52 |
'targclass' => '',
|
|
|
53 |
'rel' => '',
|
54 |
'expanded' => '',
|
55 |
'excerpt' => '',
|
@@ -81,34 +95,57 @@ function collapsTronic($atts, $content = null){
|
|
81 |
if($expanded){
|
82 |
$trigclass .= ' colomat-close';
|
83 |
}
|
84 |
-
$link =
|
85 |
if($swaptitle){
|
86 |
-
$link .=
|
87 |
}
|
88 |
$eDiv = '';
|
89 |
-
if($content
|
90 |
-
$eDiv =
|
91 |
}
|
92 |
if($excerpt){
|
93 |
if($excerptpos == 'above-trigger'){
|
94 |
-
|
|
|
|
|
|
|
|
|
|
|
95 |
}
|
96 |
else if($excerptpos == 'below-trigger'){
|
97 |
-
|
|
|
|
|
|
|
|
|
|
|
98 |
}
|
99 |
else{
|
100 |
-
|
|
|
|
|
|
|
|
|
|
|
101 |
}
|
102 |
}
|
103 |
else{
|
104 |
-
|
|
|
|
|
|
|
|
|
|
|
105 |
}
|
|
|
106 |
}
|
107 |
|
|
|
108 |
add_shortcode('expand', 'collapsTronic');
|
109 |
-
|
110 |
-
add_shortcode('
|
111 |
-
|
|
|
112 |
|
113 |
//add the filter to the sidebar widgets
|
114 |
add_filter('widget_text', 'do_shortcode');
|
3 |
Plugin Name: jQuery Collapse-O-Matic
|
4 |
Plugin URI: http://www.twinpictures.de/jquery-collapse-o-matic-1-3/
|
5 |
Description: Collapse-O-Matic adds an `[expand]` shortcode that wraps content into a lovely, jQuery collapsible div.
|
6 |
+
Version: 1.3.17
|
7 |
Author: Twinpictures
|
8 |
+
Author URI: http://twinpictures.de/
|
9 |
License: GPL2
|
10 |
+
|
11 |
*/
|
12 |
|
13 |
/* Copyright 2012 Twinpictures (www.twinpictures.de)
|
26 |
Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA 02110-1301 USA
|
27 |
*/
|
28 |
|
29 |
+
function collapsTronicInit() {
|
30 |
+
wp_enqueue_script('jquery');
|
31 |
+
|
32 |
+
$plugin_url = trailingslashit( get_bloginfo('wpurl') ).PLUGINDIR.'/'. dirname( plugin_basename(__FILE__) );
|
33 |
+
if (!is_admin()){
|
34 |
+
//collapse script
|
35 |
+
wp_register_script('collapseomatic-js', $plugin_url.'/collapse.js', array ('jquery'), '1.3.1' );
|
36 |
+
wp_enqueue_script('collapseomatic-js');
|
37 |
+
|
38 |
+
//css
|
39 |
+
wp_register_style( 'collapseomatic-css', $plugin_url.'/style.css', array (), '1.5.1' );
|
40 |
+
wp_enqueue_style( 'collapseomatic-css' );
|
41 |
+
}
|
42 |
|
43 |
+
add_shortcode('expand', 'collapsTronic');
|
|
|
|
|
|
|
|
|
44 |
|
45 |
+
for ($i=1; $i<30; $i++) {
|
46 |
+
add_shortcode('expandsub'.$i, 'collapsTronic');
|
47 |
+
}
|
48 |
+
|
49 |
+
//add the filter to the sidebar widgets
|
50 |
+
add_filter('widget_text', 'do_shortcode');
|
51 |
}
|
52 |
+
add_action('init', 'collapsTronicInit');
|
53 |
|
54 |
|
55 |
function collapsTronic($atts, $content = null){
|
63 |
'tag' => 'span',
|
64 |
'trigclass' => '',
|
65 |
'targclass' => '',
|
66 |
+
'trigpos' => 'above',
|
67 |
'rel' => '',
|
68 |
'expanded' => '',
|
69 |
'excerpt' => '',
|
95 |
if($expanded){
|
96 |
$trigclass .= ' colomat-close';
|
97 |
}
|
98 |
+
$link = "<".$tag." class='collapseomatic ".$trigclass."' id='".$id."' ".$relatt." ".$altatt.">".$title."</".$tag.">\n";
|
99 |
if($swaptitle){
|
100 |
+
$link .= "<".$tag." id='swap-".$id."' style='display:none;'>".$swaptitle."</".$tag.">\n";
|
101 |
}
|
102 |
$eDiv = '';
|
103 |
+
if($content){
|
104 |
+
$eDiv = "<div id='target-".$id."' class='collapseomatic_content ".$targclass."'>".do_shortcode($content)."</div>\n";
|
105 |
}
|
106 |
if($excerpt){
|
107 |
if($excerptpos == 'above-trigger'){
|
108 |
+
if($trigpos == 'below'){
|
109 |
+
$retStr = $eDiv.$nibble.$link;
|
110 |
+
}
|
111 |
+
else{
|
112 |
+
$retStr = $nibble.$link.$eDiv;
|
113 |
+
}
|
114 |
}
|
115 |
else if($excerptpos == 'below-trigger'){
|
116 |
+
if($trigpos == 'below'){
|
117 |
+
$retStr = $eDiv.$link.$nibble;
|
118 |
+
}
|
119 |
+
else{
|
120 |
+
$retStr = $link.$nibble.$eDiv;
|
121 |
+
}
|
122 |
}
|
123 |
else{
|
124 |
+
if($trigpos == 'below'){
|
125 |
+
$retStr = $eDiv.$link.$nibble;
|
126 |
+
}
|
127 |
+
else{
|
128 |
+
$retStr = $link.$eDiv.$nibble;
|
129 |
+
}
|
130 |
}
|
131 |
}
|
132 |
else{
|
133 |
+
if($trigpos == 'below'){
|
134 |
+
$retStr = $eDiv.$link;
|
135 |
+
}
|
136 |
+
else{
|
137 |
+
$retStr = $link.$eDiv;
|
138 |
+
}
|
139 |
}
|
140 |
+
return $retStr;
|
141 |
}
|
142 |
|
143 |
+
/*
|
144 |
add_shortcode('expand', 'collapsTronic');
|
145 |
+
for ($i=1; $i<30; $i++) {
|
146 |
+
add_shortcode('expandsub'.$i, 'collapsTronic');
|
147 |
+
}
|
148 |
+
*/
|
149 |
|
150 |
//add the filter to the sidebar widgets
|
151 |
add_filter('widget_text', 'do_shortcode');
|
collapse.js
CHANGED
@@ -1,5 +1,5 @@
|
|
1 |
/*!
|
2 |
-
* jQuery Collapse-O-Matic v1.
|
3 |
* http://www.twinpictures.de/collapse-o-matic/
|
4 |
*
|
5 |
* Copyright 2012, Twinpictures
|
@@ -25,13 +25,23 @@
|
|
25 |
*/
|
26 |
|
27 |
jQuery(document).ready(function() {
|
28 |
-
|
|
|
|
|
|
|
|
|
|
|
29 |
//inital collapse
|
30 |
jQuery('.collapseomatic:not(.colomat-close)').each(function(index) {
|
31 |
var thisid = jQuery(this).attr('id');
|
32 |
jQuery('#target-'+thisid).css('display', 'none');
|
33 |
});
|
34 |
|
|
|
|
|
|
|
|
|
|
|
35 |
jQuery('.collapseomatic').hover(function () {
|
36 |
jQuery(this).addClass("colomat-hover");
|
37 |
},
|
@@ -91,33 +101,11 @@ jQuery(document).ready(function() {
|
|
91 |
});
|
92 |
|
93 |
//check if there are nested children that need to be collapsed
|
94 |
-
var
|
95 |
-
|
96 |
jQuery(this).removeClass('colomat-close');
|
97 |
var thisid = jQuery(this).attr('id');
|
98 |
-
jQuery('#target-'+thisid).
|
99 |
-
// Animation complete.
|
100 |
-
});
|
101 |
-
|
102 |
-
//check if there are nested grand children that need to be collapsed
|
103 |
-
var grandchild = jQuery('#target-'+thisid).children('span.collapseomatic');
|
104 |
-
grandchild.each(function(index) {
|
105 |
-
jQuery(this).removeClass('colomat-close');
|
106 |
-
var thatid = jQuery(this).attr('id');
|
107 |
-
jQuery('#target-'+thatid).slideToggle('fast', function() {
|
108 |
-
// Animation complete.
|
109 |
-
});
|
110 |
-
|
111 |
-
//check if there are nested great grand children that need to be collapsed
|
112 |
-
var greatgrandchild = jQuery('#target-'+thatid).children('span.collapseomatic');
|
113 |
-
greatgrandchild.each(function(index) {
|
114 |
-
jQuery(this).removeClass('colomat-close');
|
115 |
-
var theotherid = jQuery(this).attr('id');
|
116 |
-
jQuery('#target-'+theotherid).slideToggle('fast', function() {
|
117 |
-
// Animation complete.
|
118 |
-
});
|
119 |
-
})
|
120 |
-
})
|
121 |
})
|
122 |
}
|
123 |
});
|
@@ -135,33 +123,11 @@ jQuery(document).ready(function() {
|
|
135 |
});
|
136 |
|
137 |
//check if there are nested children that need to be collapsed
|
138 |
-
var
|
139 |
-
|
140 |
jQuery(this).removeClass('colomat-close');
|
141 |
var thisid = jQuery(this).attr('id');
|
142 |
-
jQuery('#target-'+thisid).
|
143 |
-
// Animation complete.
|
144 |
-
});
|
145 |
-
|
146 |
-
//check if there are nested grand children that need to be collapsed
|
147 |
-
var grandchild = jQuery('#target-'+thisid).children('span.collapseomatic');
|
148 |
-
grandchild.each(function(index) {
|
149 |
-
jQuery(this).removeClass('colomat-close');
|
150 |
-
var thatid = jQuery(this).attr('id');
|
151 |
-
jQuery('#target-'+thatid).slideToggle('fast', function() {
|
152 |
-
// Animation complete.
|
153 |
-
});
|
154 |
-
|
155 |
-
//check if there are nested great grand children that need to be collapsed
|
156 |
-
var greatgrandchild = jQuery('#target-'+thatid).children('span.collapseomatic');
|
157 |
-
greatgrandchild.each(function(index) {
|
158 |
-
jQuery(this).removeClass('colomat-close');
|
159 |
-
var theotherid = jQuery(this).attr('id');
|
160 |
-
jQuery('#target-'+theotherid).slideToggle('fast', function() {
|
161 |
-
// Animation complete.
|
162 |
-
});
|
163 |
-
})
|
164 |
-
})
|
165 |
})
|
166 |
}
|
167 |
});
|
@@ -180,6 +146,20 @@ jQuery(document).ready(function() {
|
|
180 |
jQuery('.collapseomatic[rel="' + rel +'"].collapseomatic:not(.colomat-close)').each(function(index) {
|
181 |
jQuery(this).addClass('colomat-close');
|
182 |
var thisid = jQuery(this).attr('id');
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
183 |
jQuery('#target-'+thisid).slideToggle('fast', function() {
|
184 |
// Animation complete.
|
185 |
});
|
@@ -189,6 +169,20 @@ jQuery(document).ready(function() {
|
|
189 |
jQuery('.collapseomatic:not(.colomat-close)').each(function(index) {
|
190 |
jQuery(this).addClass('colomat-close');
|
191 |
var thisid = jQuery(this).attr('id');
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
192 |
jQuery('#target-'+thisid).slideToggle('fast', function() {
|
193 |
// Animation complete.
|
194 |
});
|
@@ -202,6 +196,20 @@ jQuery(document).ready(function() {
|
|
202 |
jQuery('.collapseomatic[rel="' + rel +'"].collapseomatic.colomat-close').each(function(index) {
|
203 |
jQuery(this).removeClass('colomat-close');
|
204 |
var thisid = jQuery(this).attr('id');
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
205 |
jQuery('#target-'+thisid).slideToggle('fast', function() {
|
206 |
// Animation complete.
|
207 |
});
|
@@ -211,6 +219,20 @@ jQuery(document).ready(function() {
|
|
211 |
jQuery('.collapseomatic.colomat-close').each(function(index) {
|
212 |
jQuery(this).removeClass('colomat-close');
|
213 |
var thisid = jQuery(this).attr('id');
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
214 |
jQuery('#target-'+thisid).slideToggle('fast', function() {
|
215 |
// Animation complete.
|
216 |
});
|
1 |
/*!
|
2 |
+
* jQuery Collapse-O-Matic v1.3.1
|
3 |
* http://www.twinpictures.de/collapse-o-matic/
|
4 |
*
|
5 |
* Copyright 2012, Twinpictures
|
25 |
*/
|
26 |
|
27 |
jQuery(document).ready(function() {
|
28 |
+
|
29 |
+
//force collapse
|
30 |
+
jQuery('.force_content_collapse').each(function(index) {
|
31 |
+
jQuery(this).css('display', 'none');
|
32 |
+
});
|
33 |
+
|
34 |
//inital collapse
|
35 |
jQuery('.collapseomatic:not(.colomat-close)').each(function(index) {
|
36 |
var thisid = jQuery(this).attr('id');
|
37 |
jQuery('#target-'+thisid).css('display', 'none');
|
38 |
});
|
39 |
|
40 |
+
//Display the collapse wrapper... use to reverse the show-all on no JavaScript degredation.
|
41 |
+
jQuery('.content_collapse_wrapper').each(function(index) {
|
42 |
+
jQuery(this).css('display', 'inline');
|
43 |
+
});
|
44 |
+
|
45 |
jQuery('.collapseomatic').hover(function () {
|
46 |
jQuery(this).addClass("colomat-hover");
|
47 |
},
|
101 |
});
|
102 |
|
103 |
//check if there are nested children that need to be collapsed
|
104 |
+
var ancestors = jQuery('.collapseomatic', '#target-'+id);
|
105 |
+
ancestors.each(function(index) {
|
106 |
jQuery(this).removeClass('colomat-close');
|
107 |
var thisid = jQuery(this).attr('id');
|
108 |
+
jQuery('#target-'+thisid).css('display', 'none');
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
109 |
})
|
110 |
}
|
111 |
});
|
123 |
});
|
124 |
|
125 |
//check if there are nested children that need to be collapsed
|
126 |
+
var ancestors = jQuery('.collapseomatic', '#target-'+id);
|
127 |
+
ancestors.each(function(index) {
|
128 |
jQuery(this).removeClass('colomat-close');
|
129 |
var thisid = jQuery(this).attr('id');
|
130 |
+
jQuery('#target-'+thisid).css('display', 'none');
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
131 |
})
|
132 |
}
|
133 |
});
|
146 |
jQuery('.collapseomatic[rel="' + rel +'"].collapseomatic:not(.colomat-close)').each(function(index) {
|
147 |
jQuery(this).addClass('colomat-close');
|
148 |
var thisid = jQuery(this).attr('id');
|
149 |
+
|
150 |
+
if(jQuery("#swap-"+thisid).length > 0){
|
151 |
+
var orightml = jQuery(this).html();
|
152 |
+
var swaphtml = jQuery("#swap-"+thisid).html();
|
153 |
+
jQuery(this).html(swaphtml);
|
154 |
+
jQuery("#swap-"+thisid).html(orightml);
|
155 |
+
|
156 |
+
//is cufon involved? if so, do that thing
|
157 |
+
if(swaphtml.indexOf("<cufon") != -1){
|
158 |
+
var trigelem = jQuery(this).get(0).tagName;
|
159 |
+
Cufon.replace(trigelem);
|
160 |
+
}
|
161 |
+
}
|
162 |
+
|
163 |
jQuery('#target-'+thisid).slideToggle('fast', function() {
|
164 |
// Animation complete.
|
165 |
});
|
169 |
jQuery('.collapseomatic:not(.colomat-close)').each(function(index) {
|
170 |
jQuery(this).addClass('colomat-close');
|
171 |
var thisid = jQuery(this).attr('id');
|
172 |
+
|
173 |
+
if(jQuery("#swap-"+thisid).length > 0){
|
174 |
+
var orightml = jQuery(this).html();
|
175 |
+
var swaphtml = jQuery("#swap-"+thisid).html();
|
176 |
+
jQuery(this).html(swaphtml);
|
177 |
+
jQuery("#swap-"+thisid).html(orightml);
|
178 |
+
|
179 |
+
//is cufon involved? if so, do that thing
|
180 |
+
if(swaphtml.indexOf("<cufon") != -1){
|
181 |
+
var trigelem = jQuery(this).get(0).tagName;
|
182 |
+
Cufon.replace(trigelem);
|
183 |
+
}
|
184 |
+
}
|
185 |
+
|
186 |
jQuery('#target-'+thisid).slideToggle('fast', function() {
|
187 |
// Animation complete.
|
188 |
});
|
196 |
jQuery('.collapseomatic[rel="' + rel +'"].collapseomatic.colomat-close').each(function(index) {
|
197 |
jQuery(this).removeClass('colomat-close');
|
198 |
var thisid = jQuery(this).attr('id');
|
199 |
+
|
200 |
+
if(jQuery("#swap-"+thisid).length > 0){
|
201 |
+
var orightml = jQuery(this).html();
|
202 |
+
var swaphtml = jQuery("#swap-"+thisid).html();
|
203 |
+
jQuery(this).html(swaphtml);
|
204 |
+
jQuery("#swap-"+thisid).html(orightml);
|
205 |
+
|
206 |
+
//is cufon involved? if so, do that thing
|
207 |
+
if(swaphtml.indexOf("<cufon") != -1){
|
208 |
+
var trigelem = jQuery(this).get(0).tagName;
|
209 |
+
Cufon.replace(trigelem);
|
210 |
+
}
|
211 |
+
}
|
212 |
+
|
213 |
jQuery('#target-'+thisid).slideToggle('fast', function() {
|
214 |
// Animation complete.
|
215 |
});
|
219 |
jQuery('.collapseomatic.colomat-close').each(function(index) {
|
220 |
jQuery(this).removeClass('colomat-close');
|
221 |
var thisid = jQuery(this).attr('id');
|
222 |
+
|
223 |
+
if(jQuery("#swap-"+thisid).length > 0){
|
224 |
+
var orightml = jQuery(this).html();
|
225 |
+
var swaphtml = jQuery("#swap-"+thisid).html();
|
226 |
+
jQuery(this).html(swaphtml);
|
227 |
+
jQuery("#swap-"+thisid).html(orightml);
|
228 |
+
|
229 |
+
//is cufon involved? if so, do that thing
|
230 |
+
if(swaphtml.indexOf("<cufon") != -1){
|
231 |
+
var trigelem = jQuery(this).get(0).tagName;
|
232 |
+
Cufon.replace(trigelem);
|
233 |
+
}
|
234 |
+
}
|
235 |
+
|
236 |
jQuery('#target-'+thisid).slideToggle('fast', function() {
|
237 |
// Animation complete.
|
238 |
});
|
readme.txt
CHANGED
@@ -1,17 +1,17 @@
|
|
1 |
=== jQuery Collapse-O-Matic ===
|
2 |
|
3 |
Contributors: Twinpictures
|
4 |
-
Donate link: http://www.twinpictures.de/collapse-o-matic/
|
5 |
-
Tags: collapse, expand, collapsible, expandable, content, shortcode, hidden, jQuery, javascript, twinpictures
|
6 |
Requires at least: 2.8
|
7 |
-
Tested up to: 3.3
|
8 |
-
Stable tag: 1.3.
|
9 |
|
10 |
-
Collapse-O-Matic adds an `[expand]` shortcode that
|
11 |
|
12 |
== Description ==
|
13 |
|
14 |
-
Collapse-O-Matic adds an `[expand title="trigger text"]hidden content[/expand]` shortcode that will wrap any content, including other shortcodes, into a lovely jQuery
|
15 |
|
16 |
== Installation ==
|
17 |
|
@@ -44,6 +44,24 @@ No. Not even close.
|
|
44 |
|
45 |
== Changelog ==
|
46 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
47 |
= 1.3.13 =
|
48 |
* Added the ability to place a second trigger link inside the expanding content area.
|
49 |
|
@@ -110,6 +128,22 @@ No. Not even close.
|
|
110 |
* The plug-in came to be.
|
111 |
|
112 |
== Upgrade Notice ==
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
113 |
= 1.3.13 =
|
114 |
Added the ability to place a second trigger link inside the expanding content area.
|
115 |
|
1 |
=== jQuery Collapse-O-Matic ===
|
2 |
|
3 |
Contributors: Twinpictures
|
4 |
+
Donate link: http://www.twinpictures.de/jquery-collapse-o-matic-v1-3/
|
5 |
+
Tags: collapse, expand, collapsible, expandable, expandable content, collapsable content, shortcode, hidden, hide, display, accordion, accordion, jQuery, javascript, roll-your-own, twinpictures
|
6 |
Requires at least: 2.8
|
7 |
+
Tested up to: 3.3.1
|
8 |
+
Stable tag: 1.3.17
|
9 |
|
10 |
+
Remove clutter, save space: display and hide additional content in a SEO friendly way. Collapse-O-Matic adds an `[expand]` shortcode that will wrap any content in an expanding and collapsing div.
|
11 |
|
12 |
== Description ==
|
13 |
|
14 |
+
Collapse-O-Matic adds an `[expand title="trigger text"]hidden content[/expand]` shortcode that will wrap any content, including other shortcodes, into a lovely jQuery expanding and collapsing div. A <a href='http://www.twinpictures.de/jquery-collapse-o-matic-1-3/'>complete listing of shortcode options and attribute demos</a> are available. This plug-in was inspired by DrLebowski's Collapsing Objects.
|
15 |
|
16 |
== Installation ==
|
17 |
|
44 |
|
45 |
== Changelog ==
|
46 |
|
47 |
+
= 1.3.17 =
|
48 |
+
* Improved nesting collapse function for sub-levels and added support for nesting 30 levels deep.
|
49 |
+
|
50 |
+
= 1.3.16.1 =
|
51 |
+
* Added noarrows class for better integration of images as triggers.
|
52 |
+
|
53 |
+
= 1.3.16 =
|
54 |
+
* Bug Fix for the new trigpos attribute, stupid, stupid, stupid
|
55 |
+
|
56 |
+
= 1.3.15 =
|
57 |
+
* Added trigpos attribute to position the trigger below the target.
|
58 |
+
|
59 |
+
= 1.3.14 =
|
60 |
+
* Fixed the Enqueue error (thanks pborg & lancehudson)
|
61 |
+
* Expand All and Collapse All will now also trigger swap titles
|
62 |
+
* Added force_content_collapse class trigger to hide all targets w/o tirggers (roll-your-own)
|
63 |
+
* Added content_collapse_wrapper class trigger that keeps targets hidden if no JavaScript is present.
|
64 |
+
|
65 |
= 1.3.13 =
|
66 |
* Added the ability to place a second trigger link inside the expanding content area.
|
67 |
|
128 |
* The plug-in came to be.
|
129 |
|
130 |
== Upgrade Notice ==
|
131 |
+
|
132 |
+
= 1.3.17 =
|
133 |
+
* Improved nesting collapse function for sub-levels and added support for nesting 30 levels deep.
|
134 |
+
|
135 |
+
= 1.3.16.1 =
|
136 |
+
* Added noarrows class for better integration of images as triggers.
|
137 |
+
|
138 |
+
= 1.3.16 =
|
139 |
+
* Bug Fix for the new trigpos attribute, stupid, stupid, stupid
|
140 |
+
|
141 |
+
= 1.3.15 =
|
142 |
+
Added trigpos attribute to position the trigger below the target.
|
143 |
+
|
144 |
+
= 1.3.14 =
|
145 |
+
Fixed Enqueue error and swap title on expand/collpase all. Expanded roll-your-own features.
|
146 |
+
|
147 |
= 1.3.13 =
|
148 |
Added the ability to place a second trigger link inside the expanding content area.
|
149 |
|
style.css
CHANGED
@@ -2,12 +2,17 @@
|
|
2 |
background-image: url(images/arrow-down.png);
|
3 |
background-repeat: no-repeat;
|
4 |
padding: 0 0 10px 16px;
|
|
|
5 |
cursor: pointer;
|
6 |
}
|
7 |
.arrowright {
|
8 |
background-position: top right;
|
9 |
padding: 0 16px 10px 0;
|
10 |
}
|
|
|
|
|
|
|
|
|
11 |
.colomat-hover {
|
12 |
text-decoration: underline;
|
13 |
}
|
@@ -19,6 +24,9 @@
|
|
19 |
margin-left: 16px;
|
20 |
padding: 0px;
|
21 |
}
|
|
|
|
|
|
|
22 |
.collapseall, .expandall {
|
23 |
cursor: pointer;
|
24 |
}
|
2 |
background-image: url(images/arrow-down.png);
|
3 |
background-repeat: no-repeat;
|
4 |
padding: 0 0 10px 16px;
|
5 |
+
/*border: 1px dotted blue;*/
|
6 |
cursor: pointer;
|
7 |
}
|
8 |
.arrowright {
|
9 |
background-position: top right;
|
10 |
padding: 0 16px 10px 0;
|
11 |
}
|
12 |
+
.noarrow {
|
13 |
+
background-image: none !important;
|
14 |
+
padding: 0 0 10px 0;
|
15 |
+
}
|
16 |
.colomat-hover {
|
17 |
text-decoration: underline;
|
18 |
}
|
24 |
margin-left: 16px;
|
25 |
padding: 0px;
|
26 |
}
|
27 |
+
.content_collapse_wrapper {
|
28 |
+
display: none;
|
29 |
+
}
|
30 |
.collapseall, .expandall {
|
31 |
cursor: pointer;
|
32 |
}
|