Скрыть и показать несколько раз div

Question

Я хотел бы скрыть и показать div (jQuery toggle()). Это пример моего кода:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
<script> 
    $("a").click(function() { 
     var myelement = $(this).attr("href"); 
     $(myelement).slideToggle("slow"); 
     $(".toggle:visible").not(myelement).hide(500);  
    }); 
</script> 

    <h2><a href="#box1"> Programming</a></h2> 

    <div id="box1" class = "block-content" style="display:none"> 
    box 1 
    </div> 

    <h2><a href="#box2"> software</a></h2> 

    <div id="box2" class = "block-content" style="display:none"> 
    box 2 
    </div> 

Это не работает, и Firebug не показывает мне сообщение об ошибке.

Вы можете мне помочь?

Answer 1

Демо: http://jsfiddle.net/xyzpq44x/

• API: preventDefault вы хотите, чтобы предотвратить поведение a тега по умолчанию http://api.jquery.com/event.preventdefault/

остальные должны помочь :)

попробовать этот

$("a").click(function (e) { 
    e.preventDefault(); 
    var myelement = $(this).attr("href") 
    $(myelement).slideToggle("slow"); 
    $(".toggle:visible").not(myelement).hide(500); 

}); 

Answer 2

Когда скрипт запускается, теги еще не присутствуют на странице!

Поместите свой скрипт под элементами html или используйте готовый документ или его эквивалент, чтобы отложить выполнение скрипта.

Answer 3

$(".toggle:visible").not(myelement).hide(500); 

заменить ".toggle: видимый" с "DIV"