Redireccionar cuando se abra menú por pestañas

[ceaped]

Buenos días

Tengo un menú (o navegación por pestañas) así:

Código HTML:

<section class="menu">
        
    <ul class="tabs" id="unidad_2_nav">
    
    <li><a href="#tab-1" target="_blank">Botón 1</a></li>
    <li><a href="#tab-2" target="_blank">Botón 2</a></li>             
    <li><a href="#tab-3" target="_blank">Botón 3</a></li>
                
    <li><a class="hsubs" href="#">Botón 4</a>
    <ul class="subs">
    <li><a href="#dosA" class="tab-e">SubBotón 1a</a></li>
    <li><a href="#dosB" class="tab-e">SubBotón 1b</a></li>
    <li><a href="#dosC" class="tab-e">SubBotón 1c</a></li>
    <li><a href="#dosD" class="tab-e">SubBotón 1d</a></li>
    </ul>
    </li>
      
    </ul> 
    </section>
 

Código HTML:

<div class="pestana" id="tab-1">Contenido 1</div>
    <div class="pestana" id="tab-2">Contenido 2</div>
    <div class="pestana" id="tab-3">Contenido 3</div>
    <div class="pestana" id="dosA">Contenido 1a</div>
    <div class="pestana" id="dosB">Contenido 1b</div>
    <div class="pestana" id="dosC">Contenido 1c</div>
    <div class="pestana" id="dosD">Contenido 1d</div>
 

El funciona bien, el asunto es que yo quiero que cuando cargue la pestaña:

Código HTML:

<div class="pestana" id="dosD">Contenido 1d</div>
 

Me redireccione a una página Web.
Yo encontré esto pero el me redirecciona automáticamente se abra la página "yo lo necessito cuando a abra la pestaña.

Código Javascript:

<script language="JavaScript" type="text/javascript">
 
var pagina="http://www.yahoo.com"
function redireccionar() 
{
location.href=pagina
} 
setTimeout ("redireccionar()", 20000);
 
</script>
 

Referencia del código: Ejemplol

Gracias por su ayuda