A animation Rain Drop effect...
A Pen by Anshul Gangrade on CodePen.
.m_collapse_text, .show_collapse .m_expand_text, .m_section{ | |
display: none; | |
} | |
.show_collapse .m_collapse_text { | |
display: inline; | |
} |
/* | |
This JS creates collapsible Gravity Form sections breaks | |
IMPORTANT: | |
1 - Within the Gravity form, you must add the class collapsible to each section break. | |
2 - All fields within those section breaks must have the class collapsible_field | |
3 - You must include both the CSS and the JS |
<?php | |
/* --------------------------------------------------------------------------- | |
* Remove wp version param from any enqueued scripts | |
* --------------------------------------------------------------------------- */ | |
add_filter( 'style_loader_src', 'graph_remove_wp_ver_css_js', 9999 ); | |
add_filter( 'script_loader_src', 'graph_remove_wp_ver_css_js', 9999 ); | |
function graph_remove_wp_ver_css_js( $src ) { | |
if ( strpos( $src, 'ver=' ) ) | |
$src = remove_query_arg( 'ver', $src ); |
A animation Rain Drop effect...
A Pen by Anshul Gangrade on CodePen.
<div class="container"> | |
<h1>inline editing <small>with jquery & textareas</small></h1> | |
<table class="table table-bordered"> | |
<thead> | |
<tr> | |
<th>Field 1</th> | |
<th>Field 2</th> | |
<th>Field 3</th> | |
</tr> | |
</thead> |
A Pen by Dave Rupert on CodePen.
<div id="plate" class="front"> | |
<textarea class="message">Dear John Doe, | |
I don't know who you are but you're somehow very famous. I just want to meet you. Just let me know if you're reading my message. | |
Best Regards | |
Cihad | |
</textarea> | |
<button class="send"> Send it </button> <br/> | |
<div id="bottom"> | |
<a href="http://codepen.io/meanyack/pen/zkEsx" id="codepen_link"> * </a> | |
</div> |