jquery - JQuery uiアコーディオンはヘッダーのコンテンツを結合しますか?

Question

jQuery アコーディオンを使用して、ヘッダーに流れるコンテンツに背景画像を含めるにはどうすればよいですか? ヘッダーを透明にすることはできましたが、それらを組み合わせることができないようです。h3とは別なので、可能かどうかはわかりませんdivs。

<style type="text/css">
html,body{
height: 100%;
}
.ui-accordion-content{
background:url('{{ url_for('static',filename='img/building_img/4/bg4_black.jpg') }}');
background-size: cover;
background-repeat: no-repeat;
}
</style>


<div id="accordion2">
  <h3>building.name</h3>
  <div>
<p>Mauris mauris ante, blandit et, ultrices a, suscipit eget.
Integer ut neque. Vivamus nisi metus, molestie vel, gravida in,
condimentum sit amet, nunc. Nam a nibh. Donec suscipit eros.
Nam mi. Proin viverra leo ut odio.</p>
</div>
</div>

<script>
$(function(){
$( "#accordion2" ).accordion({
heightStyle: "fill"

});
$(window).resize(function(){
    // update accordion height
    $( "#accordion2" ).accordion( "refresh" )
});
})
</script>