'] . '" ' . $item_id; if( !empty($content['option']['background']) || !empty($padding) ){ echo 'style="'; if( !empty($content['option']['background-type']) && $content['option']['background-type'] == 'full-color' ){ echo !empty($content['option']['background'])? 'background-color: ' . $content['option']['background'] . '; ': ''; } echo $border; echo $padding; echo '" '; } echo '>'; $inner_container = false; $inner_style = ''; if( empty($content['option']['background-type']) || $content['option']['background-type'] == 'color' ){ $inner_container = true; $inner_style = ' style="background-color: ' . $content['option']['background'] . ';" '; } echo '
'; echo ($inner_container)? '
': ''; foreach( $content['items'] as $item ){ if( $item['item-type'] == 'wrapper' ){ gdlr_print_column_wrapper( $item ); }else{ gdlr_print_item( $item ); } } echo '
'; echo ($inner_container)? '
': ''; echo '
'; // close container echo ''; // close wrapper } } // print parallax wrapper if( !function_exists('gdlr_print_parallax_wrapper') ){ function gdlr_print_parallax_wrapper( $content ){ global $parallax_wrapper_id; $parallax_wrapper_id = empty($parallax_wrapper_id)? 1: $parallax_wrapper_id; if( empty($content['option']['page-item-id']) ){ $content['option']['page-item-id'] = 'gdlr-parallax-wrapper-' . $parallax_wrapper_id; $parallax_wrapper_id++; } $item_id = ' id="' . $content['option']['page-item-id'] . '" '; global $gdlr_spaces; $padding = (!empty($content['option']['padding-top']) && ($gdlr_spaces['top-wrapper'] != $content['option']['padding-top']))? 'padding-top: ' . $content['option']['padding-top'] . '; ': ''; $padding .= (!empty($content['option']['padding-bottom']) && ($gdlr_spaces['bottom-wrapper'] != $content['option']['padding-bottom']))? 'padding-bottom: ' . $content['option']['padding-bottom'] . '; ': ''; $border = ''; if( !empty($content['option']['border']) && $content['option']['border'] != 'none' ){ if($content['option']['border'] == 'top' || $content['option']['border'] == 'both'){ $border .= ' border-top: 4px solid '. $content['option']['border-top-color'] . '; '; } if($content['option']['border'] == 'bottom' || $content['option']['border'] == 'both'){ $border .= ' border-bottom: 4px solid '. $content['option']['border-bottom-color'] . '; '; } } $content['option']['show-section'] = !empty($content['option']['show-section'])? $content['option']['show-section']: ''; echo '
'; if( !empty($content['option']['background-mobile']) ){ if( is_numeric($content['option']['background-mobile']) ){ $background = wp_get_attachment_image_src($content['option']['background-mobile'], 'full'); $background = $background[0]; }else{ $background = $content['option']['background-mobile']; } echo ''; } // background pattern }else if($content['option']['type'] == 'pattern'){ $background = GDLR_PATH . '/images/pattern/pattern-' . $content['option']['pattern'] . '.png'; echo 'style="background-image: url(\'' . $background . '\'); ' . $padding . $border . '" >'; // background video }else if( $content['option']['type'] == 'video' ){ echo 'style="' . $padding . $border . '" >'; global $gdlr_gallery_id; $gdlr_gallery_id++; $overlay_opacity = (empty($content['option']['video-overlay']))? 0: floatval($content['option']['video-overlay']); echo ''; // background video / none }else if(!empty($padding) || !empty($border) ){ echo 'style="' . $padding . $border . '" >'; } echo '
'; foreach( $content['items'] as $item ){ if( $item['item-type'] == 'wrapper' ){ gdlr_print_column_wrapper( $item ); }else{ gdlr_print_item( $item ); } } echo '
'; echo '
'; // close container echo '
'; // close wrapper } } // print full size wrapper if( !function_exists('gdlr_print_full_size_wrapper') ){ function gdlr_print_full_size_wrapper( $content ){ $item_id = empty($content['option']['page-item-id'])? '': ' id="' . $content['option']['page-item-id'] . '" '; global $gdlr_spaces; $padding = (!empty($content['option']['padding-top']) && ($gdlr_spaces['top-full-wrapper'] != $content['option']['padding-top']))? 'padding-top: ' . $content['option']['padding-top'] . '; ': ''; $padding .= (!empty($content['option']['padding-bottom']) && ($gdlr_spaces['bottom-wrapper'] != $content['option']['padding-bottom']))? 'padding-bottom: ' . $content['option']['padding-bottom'] . '; ': ''; $border = ''; if( !empty($content['option']['border']) && $content['option']['border'] != 'none' ){ if($content['option']['border'] == 'top' || $content['option']['border'] == 'both'){ $border .= ' border-top: 4px solid '. $content['option']['border-top-color'] . '; '; } if($content['option']['border'] == 'bottom' || $content['option']['border'] == 'both'){ $border .= ' border-bottom: 4px solid '. $content['option']['border-bottom-color'] . '; '; } } $background = !empty($content['option']['background'])? ' background-color: ' . $content['option']['background'] . '; ': ''; $content['option']['show-section'] = !empty($content['option']['show-section'])? $content['option']['show-section']: ''; $style = (!empty($padding) || !empty($border) || !empty($background))? ' style="' . $padding . $border . $background . '" ': ''; echo '
'; foreach( $content['items'] as $item ){ if( $item['item-type'] == 'wrapper' ){ gdlr_print_column_wrapper( $item ); }else{ gdlr_print_item( $item ); } } echo '
'; echo '
'; // close wrapper } } // get column class if( !function_exists('gdlr_get_column_class') ){ function gdlr_get_column_class( $size ){ switch( $size ){ case '1/9': return 'one-ninth column'; break; case '1/8': return 'one-eighth column'; break; case '1/7': return 'one-seventh column'; break; case '1/6': return 'two columns'; break; case '1/5': return 'one-fifth column'; break; case '1/4': return 'three columns'; break; case '2/5': return 'two-fifth columns'; break; case '1/3': return 'four columns'; break; case '1/2': return 'six columns'; break; case '3/5': return 'three-fifth columns'; break; case '2/3': return 'eight columns'; break; case '3/4': return 'nine columns'; break; case '4/5': return 'four-fifth columns'; break; case '1/1': return 'twelve columns'; break; default : return 'twelve columns'; break; } } } // print column wrapper if( !function_exists('gdlr_print_column_wrapper') ){ function gdlr_print_column_wrapper( $content ){ echo '
'; foreach( $content['items'] as $item ){ gdlr_print_item( $item ); } echo '
'; // end of column section } } ?> Accordion/Toggle Box - Writemore

Accordion/Toggle Box

Shortcode Usage

Accordion


Fusce dapibus, tellus ac cursus commodo, tortor mauris cimentuffedm nibh, ut fermentum massa justo sit amet risus. Cras mattconsectetuikr purus sit amet fermentum. Nullam id dolor id nibh ultricies.
Fusce dapibus, tellus ac cursus commodo, tortor mauris cimentuffedm nibh, ut fermentum massa justo sit amet risus. Cras mattconsectetuikr purus sit amet fermentum. Nullam id dolor id nibh ultricies.
Fusce dapibus, tellus ac cursus commodo, tortor mauris cimentuffedm nibh, ut fermentum massa justo sit amet risus. Cras mattconsectetuikr purus sit amet fermentum. Nullam id dolor id nibh ultricies.


Fusce dapibus, tellus ac cursus commodo, tortor mauris cimentuffedm nibh, ut fermentum massa justo sit amet risus. Cras mattconsectetuikr purus sit amet fermentum. Nullam id dolor id nibh ultricies.

Fusce dapibus, tellus ac cursus commodo, tortor mauris cimentuffedm nibh, ut fermentum massa justo sit amet risus. Cras mattconsectetuikr purus sit amet fermentum. Nullam id dolor id nibh ultricies.

Fusce dapibus, tellus ac cursus commodo, tortor mauris cimentuffedm nibh, ut fermentum massa justo sit amet risus. Cras mattconsectetuikr purus sit amet fermentum. Nullam id dolor id nibh ultricies.


Toggle Box


Fusce dapibus, tellus ac cursus commodo, tortor mauris cimentuffedm nibh, ut fermentum massa justo sit amet risus. Cras mattconsectetuikr purus sit amet fermentum. Nullam id dolor id nibh ultricies.
Fusce dapibus, tellus ac cursus commodo, tortor mauris cimentuffedm nibh, ut fermentum massa justo sit amet risus. Cras mattconsectetuikr purus sit amet fermentum. Nullam id dolor id nibh ultricies.
Fusce dapibus, tellus ac cursus commodo, tortor mauris cimentuffedm nibh, ut fermentum massa justo sit amet risus. Cras mattconsectetuikr purus sit amet fermentum. Nullam id dolor id nibh ultricies.


Fusce dapibus, tellus ac cursus commodo, tortor mauris cimentuffedm nibh, ut fermentum massa justo sit amet risus. Cras mattconsectetuikr purus sit amet fermentum. Nullam id dolor id nibh ultricies.

Fusce dapibus, tellus ac cursus commodo, tortor mauris cimentuffedm nibh, ut fermentum massa justo sit amet risus. Cras mattconsectetuikr purus sit amet fermentum. Nullam id dolor id nibh ultricies.

Fusce dapibus, tellus ac cursus commodo, tortor mauris cimentuffedm nibh, ut fermentum massa justo sit amet risus. Cras mattconsectetuikr purus sit amet fermentum. Nullam id dolor id nibh ultricies.


Accordion 2nd Style


Fusce dapibus, tellus ac cursus commodo, tortor mauris cimentuffedm nibh, ut fermentum massa justo sit amet risus. Cras mattconsectetuikr purus sit amet fermentum. Nullam id dolor id nibh ultricies.
Fusce dapibus, tellus ac cursus commodo, tortor mauris cimentuffedm nibh, ut fermentum massa justo sit amet risus. Cras mattconsectetuikr purus sit amet fermentum. Nullam id dolor id nibh ultricies.
Fusce dapibus, tellus ac cursus commodo, tortor mauris cimentuffedm nibh, ut fermentum massa justo sit amet risus. Cras mattconsectetuikr purus sit amet fermentum. Nullam id dolor id nibh ultricies.


Fusce dapibus, tellus ac cursus commodo, tortor mauris cimentuffedm nibh, ut fermentum massa justo sit amet risus. Cras mattconsectetuikr purus sit amet fermentum. Nullam id dolor id nibh ultricies.
Fusce dapibus, tellus ac cursus commodo, tortor mauris cimentuffedm nibh, ut fermentum massa justo sit amet risus. Cras mattconsectetuikr purus sit amet fermentum. Nullam id dolor id nibh ultricies.
Fusce dapibus, tellus ac cursus commodo, tortor mauris cimentuffedm nibh, ut fermentum massa justo sit amet risus. Cras mattconsectetuikr purus sit amet fermentum. Nullam id dolor id nibh ultricies.


Toggle Box 2nd Style


Fusce dapibus, tellus ac cursus commodo, tortor mauris cimentuffedm nibh, ut fermentum massa justo sit amet risus. Cras mattconsectetuikr purus sit amet fermentum. Nullam id dolor id nibh ultricies.
Fusce dapibus, tellus ac cursus commodo, tortor mauris cimentuffedm nibh, ut fermentum massa justo sit amet risus. Cras mattconsectetuikr purus sit amet fermentum. Nullam id dolor id nibh ultricies.
Fusce dapibus, tellus ac cursus commodo, tortor mauris cimentuffedm nibh, ut fermentum massa justo sit amet risus. Cras mattconsectetuikr purus sit amet fermentum. Nullam id dolor id nibh ultricies.


Fusce dapibus, tellus ac cursus commodo, tortor mauris cimentuffedm nibh, ut fermentum massa justo sit amet risus. Cras mattconsectetuikr purus sit amet fermentum. Nullam id dolor id nibh ultricies.
Fusce dapibus, tellus ac cursus commodo, tortor mauris cimentuffedm nibh, ut fermentum massa justo sit amet risus. Cras mattconsectetuikr purus sit amet fermentum. Nullam id dolor id nibh ultricies.
Fusce dapibus, tellus ac cursus commodo, tortor mauris cimentuffedm nibh, ut fermentum massa justo sit amet risus. Cras mattconsectetuikr purus sit amet fermentum. Nullam id dolor id nibh ultricies.