Показать скрытые div с закладками

Question

В основном я спрячу все ответные div на странице, но я хочу показать div, если пользователь нажал на ссылку для него.

Вот JavaScript код

<script type="text/javascript"> 
    $(document).ready(function(){ 
     //hide the all of the element with class msg_body 
     $(".faq_answer").hide(); 
     //toggle the componenet with class msg_body 
     $(".faq_question").click(function(){ 
      $(this).next(".faq_answer").slideToggle("normal"); 
     }); 
    }); 
</script> 

Результирующий HTML для раздела является

<li> 
    <div class="faq_question"> 
    <a href="#url-blah" name="url-blah">Question</a> 
    </div> 
    <div class="faq_answer"> 
    <p>Text to show</p> 
    </div> 
</li> 

EDIT

Вопрос был, как я это делаю ... Понял это хотя после ответов здесь.

Answer 1

window.location.hash даст вам значение «#» в вашем URL-адресе. Вы можете использовать это для создания селектора.

// if visiting /index.php#item1 
$(window.location.hash).show(); // $('#item1').show(); 

Answer 2

Я бы предположил, что вам нужно будет добавить класс к DIV, который скрывает это и показывает его на основе функции мыши

Я действительно не вижу вопрос здесь, хотя

Answer 3

Вы можете посмотреть для #url-blah в URL в javascript и отобразить соответствующий раздел?

Answer 4

Для этого вам, скорее всего, потребуется немного изменить структуру документа, так как вы не можете ссылаться на какие-либо конкретные элементы «faq_answer» индивидуально.

Обычно я хотел бы использовать конкретный идентификатор для каждого из ответов, тогда вы можете использовать javascript с действием show, чтобы иметь возможность переключать видимость.

Для примера моего кода HTML и jQuery вы можете просмотреть this page, посмотрите раздел истории версий.