You appear to be a bot. Output may be restricted

Description

Add a button to top-level menu items that has sub-menus.

An icon is added using CSS depending on the value of aria-expanded.

Usage

$string = twenty_twenty_one_add_sub_menu_toggle( $output, $item, $depth, $args );

Parameters

$output

( string ) required – Nav menu item start element.

$item

( object ) required – Nav menu item.

$depth

( int ) required – Depth.

$args

( object ) required – Nav menu args.

Returns

string Nav menu item start element.

Source

File name: twentytwentyone/inc/menu-functions.php
Lines:

function twenty_twenty_one_add_sub_menu_toggle( $output, $item, $depth, $args ) {
  if ( 0 === $depth && in_array( 'menu-item-has-children', $item->classes, true ) ) {

    // Add toggle button.
    $output .= '<button class="sub-menu-toggle" aria-expanded="false" onClick="twentytwentyoneExpandSubMenu(this)">';
    $output .= '<span class="icon-plus">' . twenty_twenty_one_get_icon_svg( 'ui', 'plus', 18 ) . '</span>';
    $output .= '<span class="icon-minus">' . twenty_twenty_one_get_icon_svg( 'ui', 'minus', 18 ) . '</span>';
    $output .= '<span class="screen-reader-text">' . esc_html__( 'Open menu', 'twentytwentyone' ) . '</span>';
    $output .= '</button>';
  }
  return $output;
}
 

 View on GitHub View on Trac