$_value ) { ${$_key} = $_value; } } $content_html = do_shortcode( $content ); $_atts['class'] = 'w-tabs-section'; $_atts['class'] .= isset( $classes ) ? $classes : ''; if ( $indents ) { $_atts['class'] .= ' no_indents'; } if ( $active ) { $_atts['class'] .= ' active'; } if ( $text_color ) { $_atts['class'] .= ' has_text_color'; } // Hide the section with empty content, if it is not USBuilder page if ( $content_html == '' AND ! apply_filters( 'usb_is_preview_page', NULL ) ) { $_atts['class'] .= ' content-empty'; } // Generate reqiured ID if ( ! empty( $atts['tab_id'] ) ) { $_atts['id'] = $atts['tab_id']; // for old $tab_id value (after version 8.0) } elseif ( ! empty( $el_id ) ) { $_atts['id'] = $el_id; } else { $_atts['id'] = us_uniqid(); } if ( empty( $tab_link ) ) { $tab_link = 'javascript:void(0)'; } $inline_css = us_prepare_inline_css( array( 'background' => us_get_color( $bg_color, /* Gradient */ TRUE ), 'color' => us_get_color( $text_color ), ) ); $title_atts = array( 'class' => 'w-tabs-section-title', ); $content_atts = array( 'class' => 'w-tabs-section-content', 'id' => 'content-' . $_atts['id'], 'aria-expanded' => $active ? 'true' : 'false', ); $content_h_atts = array( 'class' => 'w-tabs-section-content-h i-cf', ); // Move us_custom_* class to other container if ( ! empty( $design_css_class ) ) { $_atts['class'] = str_replace( ' ' . $design_css_class, '', $_atts['class'] ); $content_atts['class'] .= ' ' . $design_css_class; } // Add atts for FAQs page if ( ! empty( $us_faq_markup ) ) { $_atts['itemscope'] = ''; $_atts['itemprop'] = 'mainEntity'; $_atts['itemtype'] = 'https://schema.org/Question'; $title_atts['itemprop'] = 'name'; $content_atts['itemscope'] = ''; $content_atts['itemprop'] = 'acceptedAnswer'; $content_atts['itemtype'] = 'https://schema.org/Answer'; $content_h_atts['itemprop'] = 'text'; } // Apply filters to title text $title = us_replace_dynamic_value( $title, 'any' ); $title = wptexturize( $title ); $btn_atts = array( 'aria-controls' => 'content-' . $_atts['id'], 'class' => 'w-tabs-section-header' . ( $active ? ' active' : '' ), ); $btn_atts['class'] .= ' align_' . $c_align; // If icon is set if ( $icon ) { $btn_atts['class'] .= ' with_icon'; } // If control icon is set if ( ! empty( $c_icon ) ) { $btn_atts['class'] .= ' icon_' . $c_icon . ' cpos_' . $c_position; } else { $btn_atts['class'] .= ' icon_none'; } // If title size is set if ( ! empty( $title_size ) ) { $btn_atts['style'] = 'font-size:' . $title_size; } // Add specific attributes for opening sections on AMP without JS if ( us_amp() ) { $btn_atts['id'] = 'btn-' . $_atts['id']; $btn_atts['on'] = 'tap:' . $_atts['id'] . '.toggleClass(class="active",force=true)'; foreach ( $us_tabs_atts as $amp_id ) { if ( $amp_id['el_id'] == $_atts['id'] ) { continue; } $btn_atts['on'] .= ',' . $amp_id['el_id'] . '.toggleClass(class="active",force=false)'; } } // Output the element $output = ''; $output .= ''; if ( $icon AND $i_position == 'left' ) { $output .= us_prepare_icon_tag( $icon ); } $output .= '<' . $title_tag . us_implode_atts( $title_atts ) . '>' . $title . ''; if ( $icon AND $i_position == 'right' ) { $output .= us_prepare_icon_tag( $icon ); } $output .= '

'; $output .= ''; $output .= ''; $output .= '' . $content_html . ''; $output .= ''; $output .= ''; echo $output;