Tabs Click event

Hi Jordan
This is not online as yet.
I added Tab component to a page and I want to change the background colour of the parent container.

Here is the code when I do inspect element:

<div id=”page2slide” class=”tabcontainer sidebar_tab sidebar_tab_left noborder_tabs avia-builder-el-0 el_before_av_tab_container avia-builder-el-first ” role=”tablist”><div class=”tab_titles”><div id=”tab-id-1″ aria-controls=”tab-id-1-content” role=”tab” tabindex=”0″ data-fake-id=”#tab-id-1″ class=”tab tab_counter_0″ itemprop=”headline”>Tab 1</div><div id=”tab-id-2″ aria-controls=”tab-id-2-content” role=”tab” tabindex=”0″ data-fake-id=”#tab-id-2″ class=”tab tab_counter_1″ itemprop=”headline”>Tab 2</div><div id=”tab-id-3″ aria-controls=”tab-id-3-content” role=”tab” tabindex=”0″ data-fake-id=”#tab-id-3″ class=”tab tab_counter_2 active_tab” itemprop=”headline”>Tab 3</div></div>

<section class=”av_tab_section” itemscope=”itemscope” itemtype=”https://schema.org/CreativeWork”><div id=”tab-id-1″ aria-controls=”tab-id-1-content” role=”tab” tabindex=”0″ data-fake-id=”#tab-id-1″ class=”tab fullsize-tab” itemprop=”headline” aria-hidden=”true”>Tab 1</div>
<div id=”tab-id-1-content” class=”tab_content” aria-hidden=”true” style=”min-height: 77px;”>
<div class=”tab_inner_content invers-color” itemprop=”text”>
<p>Tab 1</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<p style=”text-align: right;”>Read more</p>

</div>
</div>
</section>

<section class=”av_tab_section” itemscope=”itemscope” itemtype=”https://schema.org/CreativeWork”><div id=”tab-id-2″ aria-controls=”tab-id-2-content” role=”tab” tabindex=”0″ data-fake-id=”#tab-id-2″ class=”tab fullsize-tab” itemprop=”headline” aria-hidden=”true”>Tab 2</div>
<div id=”tab-id-2-content” class=”tab_content” aria-hidden=”true” style=”min-height: 77px;”>
<div class=”tab_inner_content invers-color” itemprop=”text”>
<h1>Tab 2</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<p style=”text-align: right;”>Read more</p>

</div>
</div>
</section>

<section class=”av_tab_section” itemscope=”itemscope” itemtype=”https://schema.org/CreativeWork”><div id=”tab-id-3″ aria-controls=”tab-id-3-content” role=”tab” tabindex=”0″ data-fake-id=”#tab-id-3″ class=”tab fullsize-tab active_tab” itemprop=”headline” aria-hidden=”true”>Tab 3</div>
<div id=”tab-id-3-content” class=”tab_content active_tab_content” aria-hidden=”false” style=”min-height: 77px;”>
<div class=”tab_inner_content invers-color” itemprop=”text”>
<h1>Tab 3</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<p style=”text-align: right;”>Read more</p>

</div>
</div>
</section>

</div>
I want to be able to change the background for #page2slide whenever tab is chaged.