Buenas. Tengo el siguiente código:

    <div class="togglearea">
      <div class="toggle">
        <h3>Titulo</h3>
      </div>
    </div>
    <div class="togglearea">
     <div class="toggle">Titulo 2</div>
    </div>

He tratado (tanto como por **css** como por **javascript**) de manera fallida que si el `.togglearea` tiene un `h3`, aplicarle al `.togglearea` un `margin-left` de `30px`. Pero solo consigo que se le aplique el cambio al h3 o a todos los .togglearea