jQueryでチェックボックスにより動作する仕組みを作っています。

$関数の引数にはCSSセレクタ風の文字列を指定するのですが、提示されたコードではJavaScriptレベルで文字列結合されているため、'#checkbox01' + '#checkbox02'は'#checkbox01#checkbox02'と同じ文字列としてjQueryに渡されます。
これは、「idがcheckbox01であり、かつ、idがcheckbox02である要素」という要素を取得する条件になってしまいます。しかし、そんな要素は存在しないため、このコードは動作しません。
複数の要素を取得したい場合は,で区切ります。例えば、以下のように記述することになります。

var checkboxElems = $('#checkbox01, #checkbox02');

なお、,の後ろにスペースを含めていますが、これは見やすさのためであり、以下のように省略することが可能です。

var checkboxElems = $('#checkbox01,#checkbox02');

参考：Multiple Selector (“selector1, selector2, selectorN”) | jQuery API Documentation

さて、これで動きそうではありますが、正しくは動きません。
何故なら、.change()の中のthisはクリックされた（厳密にはチェックされた/解除された）要素のみが渡され、他のチェックボックスは渡されないためです。
つまり、checkbox01のチェックボックスがチェックされたら、checkbox01のチェックボックスがthisに格納され、checkbox02は格納されません。
「全てチェック」されなくてはならないのに、チェックされたチェックボックスだけをチェックされたか判定してしまいます。

これを回避するためには、$('#checkbox01, #checkbox02')で取得した要素群が全てチェックされているか判定しなくてはなりません。
判定するやり方として複数の方法が考えられますが、ここでは全てのチェックボックスのうち「チェックされた」ものを取得し、その数がチェックボックス全ての数と一致するかどうか判定することにします。
チェックされたチェックボックスの数が、（チェックの有無を問わない）全てのチェックボックスの数と同じであれば、全てチェックされたと判定できます。

.filter()のセレクタに、「チェックされた」条件となるセレクタを指定し、「チェックされた」要素を全て取得します。

var checkedCheckboxElems = checkboxElems.filter(':checked');

そして、数が一致するか判定します。
要素の数はlengthプロパティから取得できます。

checkedCheckboxElems.length === checkboxElems.length

参考：.filter() | jQuery 1.9 日本語リファレンス | js STUDIO
参考：jQueryでチェックボックスのチェック状態を調べる方法 - 大人になったら肺呼吸
参考：jQueryのセレクタで指定したもの以外を選択する・させる方法 :not() | 9ineBB

この判定結果を、.toggle()に渡して表示/非表示を切り替え得られるようにします。
ただし、.toggle()は引数の値がtrueの場合に表示し、falseの場合に非表示にしてしまいます。
先ほどの判定では、全てチェックされた（非表示にしたい）場合にtrue、全てチェックされていない（表示したい）場合にfalseとなってしまうため、!演算子を使ってtrueとfalseを逆にする必要があります。

※ちなみにtrue/falseとは、JavaScriptのBooleanという値の事を意味しています。

// クラスxxxの付いた要素群
var xxxClassElems = $('.xxx');

// 表示/非表示を切り替え
// 変数の値と表示の有無が逆なため、`!`演算子を使用
xxxClassElems.toggle(!isAllChecked);

参考：【jQuery】要素の表示・非表示について (show, hide, toggle) - TASK NOTES
参考：論理演算子 - JavaScript | MDN

以上の点を考慮した、適切に動作するコードが以下になります。

/* チェックボックスの要素群。複数の条件は、カンマ(,)で区切ります */
var checkboxElems = $('#checkbox01, #checkbox02');
/* クラスxxxの付いた要素群。予め取得し、変数に入れておくことで、パフォーマンスが向上します */
var xxxClassElems = $('.xxx');

checkboxElems.change(function() {
  /*
   * チェックボックスの要素群から、チェックされた要素を全て取得します
   */
  var checkedCheckboxElems = checkboxElems.filter(':checked');
  /*
   * チェックされたチェックボックスの数が、チェックボックスの数と一致するかどうか判定し、その結果を変数に格納します
   * 数が一致 = 全てチェックされている
   * 数が不一致 = どれかがチェックされていない
   */
  var isAllChecked = checkedCheckboxElems.length === checkboxElems.length;

  /* 
   * 全てチェックされていれば、クラスxxxの付いた要素を表示せず、
   * 全てチェックされていなければ表示します。
   */
  xxxClassElems.toggle(!isAllChecked);
});

サンプル：http://output.jsbin.com/hebemun

こんな感じにしてみました。
動作パフォーマンスとか汎用性とかはともかく、
一応お望みの挙動にはなるかと。

$('input[type="checkbox"]').change(function(){ 
    hideContents();
});    

function hideContents(){
    var check01 = $("#checkbox01").is(":checked");
    var check02 = $("#checkbox02").is(":checked");

    if(check01 && check02) {
        $(".xxx").hide();
    }
}

補足：
特定のcheckboxがチェックされているかどうかを
セレクタ.attr('checked')で取得しようとしていますが、これは上手く動作しないようです。
なので、こちらのサイトを参考にして
セレクタ.is(":checked")でtrue or falseを取得しています。
後は#checkobx01と#checkbox02のそれぞれがtrueかfalseかを変数に格納しておき、
&&条件で判定したのち、対象の要素を非表示にする命令を与えてみました。

他にも良い方法があるかもしれませんが、参考までに……