| $('.sidebar ul').each(function(){ | |
| var max = 5 | |
| if ($(this).find("li").length > max) { | |
| $(this) | |
| .find('li:gt('+max+')') | |
| .hide() | |
| .end() | |
| .append( | |
| $('<li class="show-more"><a href="javascript:void(0);">Show More</a></li>').click( function(){ | |
| $(this).siblings(':hidden').show().end().remove(); |
| <?php function formatText($str, $attributes=array()) { | |
| $attrs = ''; | |
| foreach ($attributes as $attribute => $value) { | |
| $attrs .= " {$attribute}=\"{$value}\""; | |
| } | |
| $str = ' ' . $str; | |
| $str = preg_replace( | |
| '`([^"=\'>])((http|https|ftp)://[^\s<]+[^\s<\.)])`i', | |
| '$1<a href="$2"'.$attrs.'>$2</a>', |
| // Your columns are at a weird width here - Use the gutter on the row as well. | |
| $width: 1244px; | |
| $columns: 12; | |
| $gutter: 16px; | |
| .row { | |
| width: 100%; | |
| max-width: $width; | |
| box-sizing: border-box; |
| <?php | |
| $categories = get_terms( 'service-category' ); | |
| foreach ( $categories as $category ) { | |
| $services = new WP_Query( | |
| array( | |
| 'post_type' => 'services', | |
| 'showposts' => -1, | |
| 'tax_query' => array( | |
| array( | |
| 'taxonomy' => 'service-category', |
This code content is aimed at creating a gallery/area which flows over the borders of the page with minimal markup. Any images you insert into gallery-container will extend beyond the 100% width of the page. Within this you will be able to hover the hot-spot's at either side of the div to progress/slide along the content.
http://codepen.io/jackabox/pen/aONJYV
possible reword
This code utilises a Div to scroll alongside a larger sibling element until it reaches the bottom and then stick there.
this requires jquery.matchHeight: https://github.com/liabru/jquery-match-height
| <div id="arbitrary-modal" class="reveal-modal medium"> | |
| <div class="modal-content"></div> | |
| <a class="close-reveal-modal">×</a> | |
| </div> |
| $(document).ready(function() { | |
| // Support for AJAX loaded modal window. | |
| // Focuses on first input textbox after it loads the window. | |
| $('[data-toggle="modal"]').click(function(e) { | |
| e.preventDefault(); | |
| var url = $(this).attr('href'); | |
| if (url.indexOf('#') == 0) { | |
| $(url).modal('open'); | |
| } else { |
| <div id="sarea"> | |
| <form id="searchform" action="<php echo home_url( '/' ); >" method="get" role="search"> | |
| <input id="s" type="text" name="s" value="" placeholder="Search Here & Hit Enter"> | |
| </form> | |
| </div> | |
| <a href="#" id="sbutton"> Search </a> |
