nested toggles in wordpress

most themes just offer one set of toggles.

I created my own heli_functions.php that I keep as plugin and use over all my websites

Here the Part for nested toggles

maybe you have to edit the $ss = ….. line according to your themes prerequesite, just look in the source-file of one page having a toggle how your theme formats toggles.

// for nested toggles as shortcodes within the text

function toggle_function( $atts , $content=null) {
extract( shortcode_atts( array(
‘title’ => ”
), $atts ) );

if (!empty($title)) {$ss=’title=”‘ . $title . ‘” ‘;}
$ss = ‘<h6 class=”toggle”><a href=”#”>’ . $title . ‘</a></h6><div class=”toggle_content” style=”display: none;”><div class=”block”>’;
$ss = $ss . do_shortcode($content). ‘</div></div>’;
// return
return $ss;
}

add_shortcode( ‘toggle1’, ‘toggle_function’ );
add_shortcode( ‘toggle2’, ‘toggle_function’ );
add_shortcode( ‘toggle3’, ‘toggle_function’ );

same with nested divs

// for nested DIVS as shortcodes within the text

function div_function( $atts , $content=null) {
extract( shortcode_atts( array(
‘style’ => ”,
‘class’ => ”,
), $atts ) );

if (!empty($class)) {$ss=’class=”‘ . $class . ‘” ‘;}
if (!empty($style)) {$ss.=’style=”‘ . $style . ‘” ‘;}
$ss = ‘<div ‘ . $ss. ‘>’ . do_shortcode($content). ‘</div>’;
// return
return $ss;
}

add_shortcode( ‘div1’, ‘div_function’ );
add_shortcode( ‘div2’, ‘div_function’ );
add_shortcode( ‘div3’, ‘div_function’ );