Comment développer un réductible élément de liaison à l'intérieur d'un autre élément pliable [js]?

Je suis en train de faire une liste des pliante les éléments qui peuvent faire des appels à lui-même pour faire défiler et développer d'autres éléments à la volée. Prise de vue pour cette...

Avant de sélectionner le lien hypertexte.
Comment développer un réductible élément de liaison à l'intérieur d'un autre élément pliable [js]?

Après la sélection.
Comment développer un réductible élément de liaison à l'intérieur d'un autre élément pliable [js]?

Comment puis-je obtenir le Premier s'est effondré élément à développer lorsque le lien dans le Troisième point du paragraphe sélectionné?

Ce que j'ai: Si l'exemple ci-dessus avait plus effondré éléments, puis le code ci-dessous faire défiler la page web à l'souhaité pliable élément (la moitié de la solution).

<!DOCTYPE html>
<html>
    <head>
      <!--Import materialize.css-->
      <link type="text/css" rel="stylesheet" href="css/materialize.min.css"  media="screen,projection"/>
      <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    </head>
    <body>
    <div>
        <ul class="collapsible" data-collapsible="accordion">
            <li>
              <div class="collapsible-header"><i class="mdi-navigation-chevron-right"></i><a name="987"/>First</a></div>
              <div class="collapsible-body"><p>Hello StackOverflow! SO's da' bomb diggidy!</p></div>
            </li>
            <li>
              <div class="collapsible-header"><i class="mdi-navigation-chevron-right"></i>Second</div>
              <div class="collapsible-body"><p>Why is the person who invests your money called a broker?</p></div>
            </li>
            <li>
              <div class="collapsible-header"><i class="mdi-navigation-chevron-right"></i>Third</div>
              <div class="collapsible-body"><p>I'd like to <a href="#987">open the First collapsible element</a> in this list.</p></div>
            </li>
        </ul>
    </div>
      <!--Import jQuery before materialize.js-->
      <script type="text/javascript" src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
      <script type="text/javascript" src="js/materialize.min.js"></script>
    </body>
  </html>

OriginalL'auteur zelusp | 2015-03-24