Witam,
Bawię się jQuery od pewnego czasu i mam mały problem, chce napisać skrypt dzięki któremu po każdym kliknięciu pojawi się box z informacjami, w przypadku gdy będzie otwarty w tym samym czasie drugi box zostanie on schowany na rzecz box'a aktualnie klikniętego.

[JAVASCRIPT] pobierz, plaintext 
$(document).ready(function(){
 
    $("div.products").children(".small_product").click(function(){
        $(this).next(".sp_show").toggle("normal");
    })
 
})
[JAVASCRIPT] pobierz, plaintext 

HTML:

[HTML] pobierz, plaintext 
    <div class="products">
 
        <div class="small_product">
        SMAL
            <div class="sp_show">SHOW</div>
        </div>
        <div class="small_product">
        SMAL
            <div class="sp_show">SHOW</div>
        </div>
        <div class="small_product">
        SMAL
            <div class="sp_show">SHOW</div>
        </div>
        <div class="small_product">
        SMAL
            <div class="sp_show">SHOW</div>
        </div>
 
    </div>
[HTML] pobierz, plaintext 

Niestety skrypt nie działa, wie ktoś o co chodzi?

[JAVASCRIPT] pobierz, plaintext 
$(".sp_show").hide("normal");
$(this).next(".sp_show").toggle("normal");
[JAVASCRIPT] pobierz, plaintext 

Niestety nic to nie pomaga dalej nie pojawia się .sp_show