管理バーを非表示にするボタンを作成したい

QueryMonitorなどを使っていると管理バーは必須だと思います。
しかし管理バーがあると見た目が崩れるのが難点です。
そこで、クリック一つで削除できるボタンがあればと思いました。
作ってみたものの、jQueryが動きません。
以下修正点教えて頂けませんでしょうか。
宜しくお願い致します。

//管理ツールバーにメニュー追加
add_action('admin_bar_menu', 'my_admin_bar_menu', 9999);
function my_admin_bar_menu($wp_admin_bar){
	
  // バ-削除ボタンを追加
  $title = sprintf(
      '<button type="button" id="unset_wpadminbar">%s</button>',
      '削除'
  );
  $wp_admin_bar->add_menu(array(
      'id'    => 'unset', // li#wp-admin-bar-unset > div > button#unset_wpadminbar のようになる
      'meta'  => array(),
      'title' => $title
  ));
}

// バ-削除のjQueryを出力
add_action( 'admin_head', 'my_admin_head' );
function my_admin_head() {
  if (is_user_logged_in() ){
print<<<EOF
  <script type="text/javascript">
  jQuery(function($) {
    jQuery('#unset_wpadminbar').click(function(){
				
      // そもそもこのアラートも出ないからjQuerが効いてない
      alert('「削除」がクリックされました');
				
      // バーを削除 → jQeuryさえ効けば下記で問題なし
      jQuery('#wpadminbar').remove();
				
      // 上の空白を削除 → jQeuryさえ効けば下記でできるが、他のstyleまで消えてしまうので避けたい
      jQuery('html').attr('style','margin-top:0 !important');	
				
      // 上の空白を削除 → 下記で margin-top のみ削除したいが、これはjQeuryが効いてもできない
      jQuery('html').css( {'margin-top' : '0 !important' } );	
				
    });
   });
  </script>
EOF;
    }
}