Drop Down Descriptions within table rows

Hi Emily,

great! That’s a good idea!

Best wishes,
Tobias

Hi Tobias,

I was able to access sftp to upload the page.js file.

Unfortunately, the expand hide is still not working. I’m not sure what I’m doing wrong. Here is what I have: Many thanks for your assistance.

https://braddockstreetumc.org/small-groups/

In wp-content
page.js

/*! jQuery v1.7.1 jquery.com | jquery.org/license */
jQuery(document).ready(function($){

var expandhide_text = ‘<span class=”expand”>expand</span><span class=”hide”>hide</span>’;
$(‘.slide’).hide().prev().append(expandhide_text).addClass(‘slidehidden’);

$(‘h3’).click(function() {
$(this).toggleClass(‘slidevisible’).toggleClass(‘slidehidden’).next().toggle();
return false;
});

});
<script type=’text/javascript’ src=’/wp-includes/js/jquery/jquery.js’></script>
<script type=’text/javascript’ src=’/wp-content/themes/Dunamis-Theme/page.js’></script>

Custom CSS within table plugin

h3.slidehidden .expand {
display: inline;
}

h3.slidehidden .hide {
display: none;
}

h3.slidevisible .expand {
display: none;
}

h3.slidevisible .hide {
display: inline;
}

HTML in table cell

<h3>Reveal</h3>
<div class=”slide”>
God reveals himself to us through many mediums: text, film, television, and conversation are all ways in which God might reveal God’s self to us. Through the study of different mediums and good conversation, we will study God’s influence in our life and society. Come see how God is revealed through the study of our first text, Mere Christianity by C.S Lewis. Texts will be provided.
</div>

Small groups page – code under [table id=1/]
<script src=”/wp-content/page.js”></script>

Hi,

please remove the lines

<script type='text/javascript' src='/wp-includes/js/jquery/jquery.js'></script>
<script type='text/javascript' src='/wp-content/themes/dunamis/page.js'></script>

from the page.js file. They are not relevant there.

Regards,
Tobias

Hi Tobias,

Sorry to bother you again but the expand/hide feature still does not work.

In looking at the page.js on Chrome I see where there is an error. Does this mean there is an error with the coding?

JQMIGRATE: Migrate is installed, version 1.4.1
page.js:10 Uncaught SyntaxError: Unexpected end of input

Here is what I have on the page.js

/*! jQuery v1.7.1 jquery.com | jquery.org/license */
jQuery(document).ready(function($){

var expandhide_text = ‘<span class=”expand”>expand</span><span class=”hide”>hide</span>’;
$(‘.slide’).hide().prev().append(expandhide_text).addClass(‘slidehidden’);

$(‘h3’).click(function() {
$(this).toggleClass(‘slidevisible’).toggleClass(‘slidehidden’).next().toggle();
return false;
});

});

Thank you for any assistance as I would really like to see this expand/hide work.

Best,
Emily

Hi,

your page.js is incomplete now. Please re-add the line
});
at the very end.

Regards,
Tobias