Splitting the module hooks

[servetsarap]

Hello dear friends, 

My website shows the 3rd party modules' hooks in the same hook of "productcomments" module. I want to create different tabs for other modules but I couldn't figure how can I do it. My theme's tabs are accordion tabs. The code of product.tpl of product hooks are here:

	<!--HOOK_PRODUCT_TAB -->
			{if isset($HOOK_PRODUCT_TAB_CONTENT) && $HOOK_PRODUCT_TAB_CONTENT}
				<div id="idTab5" class="panel page-product-box">
					<div class="panel-heading">
						<h4 class="page-product-heading">
							<a href="#productab" data-parent="#accordion-productinfo" data-toggle="collapse" class="collapsed">
								{$HOOK_PRODUCT_TAB}
							</a>
						</h4>
					</div>
					<div id="productab" class="panel-collapse collapse">	
						<div class="panel-inner">						
							{$HOOK_PRODUCT_TAB_CONTENT}
						</div>
					</div>
				</div>
			{/if}
			<!--end HOOK_PRODUCT_TAB -->

My packaging tab's tpl file is here:

{if $wk_display_setting == 'tab'}
    <h3 class="page-product-heading">{l s='Packaging' mod='wkdropshipping'}</h3>
{elseif $wk_display_setting == 'content'}
    <div class="rte">
        <ul class="list-group list-group-flush">
            {foreach $wk_packanging as $name => $value}
                <li class="list-group-item" style="border: none;">
                    <strong>{$name|escape:'html':'UTF-8'}</strong> {$value|escape:'html':'UTF-8'}
                </li>
            {/foreach}
        </div>
    </div>
{/if}

The final view is here:

 

I will be grateful if you can solve this problem. I have many 3rd party modules which have hooks at product page and all of them have this problem. All hooks meet at the same tab. I'm not good at coding so it tooks months but I'm not successful.

Regards,