Since my first post on the subject, I was introduced to a jQuery method called nextUntil(). I didn't realize the possibilities with this method until I got thinking about expand\/collapse again. Where previously, I was using a wrapper to enclose the expandables\/collapsables, that is no longer necessary.<\/p>\n
\t<\/code><\/p>\n I even decided to include a little css directly in the jQuery, to make this technique even more "plug-n-play" into any given site.<\/p>\n","protected":false},"excerpt":{"rendered":" Since my first post on the subject, I was introduced to a jQuery method called nextUntil(). I didn't realize the possibilities with this method until…<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"amp_status":""},"categories":[12,5],"tags":[8,9],"_links":{"self":[{"href":"https:\/\/www.sitekickr.com\/blog\/wp-json\/wp\/v2\/posts\/148"}],"collection":[{"href":"https:\/\/www.sitekickr.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.sitekickr.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.sitekickr.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.sitekickr.com\/blog\/wp-json\/wp\/v2\/comments?post=148"}],"version-history":[{"count":2,"href":"https:\/\/www.sitekickr.com\/blog\/wp-json\/wp\/v2\/posts\/148\/revisions"}],"predecessor-version":[{"id":150,"href":"https:\/\/www.sitekickr.com\/blog\/wp-json\/wp\/v2\/posts\/148\/revisions\/150"}],"wp:attachment":[{"href":"https:\/\/www.sitekickr.com\/blog\/wp-json\/wp\/v2\/media?parent=148"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.sitekickr.com\/blog\/wp-json\/wp\/v2\/categories?post=148"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.sitekickr.com\/blog\/wp-json\/wp\/v2\/tags?post=148"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}<h3>See this content?<\/h3>
\n\t<p>This is paragraph 1<\/p>
\n\t<p>This is paragraph 2<\/p>
\n\t<ul>
\n\t <li>This is a list<\/li>
\n\t<\/ul><\/p>\nThe jQuery<\/h3>\n
$('h3').nextUntil('h3').hide();
\n\t$('h3').prepend('<span>+ <\/span>').css('cursor', 'pointer');
\n\t$('h3').click(function() {
\n\t $(this).nextUntil('h3').slideToggle('fast');
\n\t $(this).toggleClass('expanded');
\n\t ($(this).children('span').html() == '+ ') ?
\n\t $(this).children('span').html('- ') :
\n\t $(this).children('span').html('+ ');
\n\t});
\n\t<\/code><\/p>\n