Аккордеон должен быть открыт, нажав на ссылку или якорь

Question

Во-первых: Извините за мой плохой английский!

Есть две ссылки с различным анкером, например:

<a href="www.test.ch?name=example#anchor1"> 
<a href="www.test.ch?name=example#anchor2"> 

Когда кто-то щелкает один из этих ссылок, он автоматически сайта и положения, он должен быть. Хорошо.

Но на сайте есть аккордеон, и текст не отображается. Положение с anchor2 должны быть открыты, нажав на ссылку с якорем 2.

Вот JQuery:

<script>   
     $().ready(function() { 
      $(".accordeon .ancor").click(function() { 
       var textContainer = $(this).parent().children(".text"); 
       if (textContainer.is(":visible")) { 
        textContainer.slideUp(); 
        $(this).attr("src", "images/accordon_open.jpg"); 
       } 
       else { 
        textContainer.slideDown(); 
        $(this).attr("src", "images/accordon_close.jpg"); 
       } 
      }); 

      $(".accordeon .text").hide(); 

     }); 
    </script> 

И HTML для содержания ссылка:

<div class="accordeon"> 
    <img class="ancor button" src="images/accordon_open.jpg"> 
    <div class="title ancor"> 
      Titel anchor 1 
    </div> 
    <div class="text"> 
     <a name="anchor1"></a> 
     text anchor1 (should be not visible) 
    </div> 
</div> 

<div class="accordeon"> 
    <img class="ancor button" src="images/accordon_open.jpg"> 
    <div class="title ancor"> 
      Titel anchor 2 
    </div> 
    <div class="text"> 
     <a name="anchor2"></a> 
     text anchor2 (should be visible, because someone had click the link for it) 
    </div> 
</div> 

Как я могу открыть аккордеон, щелкнув ссылку/якорь. Спасибо за помощь!

Answer 1

JavaScript дополнение для проверки якоря в URL и открыть аккордеон:

if(window.location.hash){ 
    $(window.location.hash + ".accordeon .text").show(); 
    $(window.location.hash + ".accordeon img").attr("src","images/accordon_close.jpg"); 
} 

Answer 2

Вы только что пропустили, вам нужно сначала спрятать элементы, чтобы они не отображались. Вы можете использовать $("div.text").hide();

$().ready(function() { 
     $("div.text").hide(); 
     $(".accordeon .ancor").click(function() { 
      var textContainer = $(this).parent().children(".text"); 
      if (textContainer.is(":visible")) { 
       textContainer.slideUp(); 
       $(this).attr("src", "images/accordon_open.jpg"); 
      } 
      else { 
       textContainer.slideDown(); 
       $(this).attr("src", "images/accordon_close.jpg"); 
      } 
     }); 

     $(".accordeon .text").hide(); 

    }); 

Вот fiddle