そのため、リンクをクリックすると、別のページのセクションのコンテンツとともにモーダルが表示されるようにしようとしています。たとえば。
<a href="/otherpage" data-reveal-id="myModal" data-reveal-ajax="true">
クリックしてモーダルを表示
問題は、ページ全体のコンテンツをモーダルで展開したいアコーディオンドロップダウンのセクションだけにしたくないということです。その他..:
<dl class="accordion accorborder" data-accordion="">
<dd class="accordion-navigation">
<a href="#p1">Math Foundations I Sem 1</a>
<div id="p1" class="content">
<div class="row">
<div class="small-6 columns">
<h6>code:</h6>HS-ES-38
<h6>Offerings:</h6> xxx
</div>
<div class="small-6 columns">
<h6>Course Materials:</h6>
<ul>
<li><a href="xxx">Syllabus</a></li>
<li><a href="xxx">Course Contract</a></li>
<li><a href="xxx">White Board</a></li>
</ul>
</div>
</div>
<p>blah</p>
<dl class="tabs" data-tab="">
<dd class="active"><a href="#p1a">Study Sheets</a></dd>
<dd><a href="#p1b">Study Sheets Answer Keys</a></dd>
<dd><a href="#p1c">Graded Assignments</a></dd>
<dd><a href="#p1d">Graded Assignment Answer Keys</a></dd>
</dl>
<div class="tabs-content">
<div class="content active" id="p1a">
<ul>
<li><a href="x"> example </a>
</ul>
</div>
では、ページの特定のセクションを指定するにはどうすればよいでしょうか。ID で指定できますか? 例えば
<a href="/otherpage#XID" data-reveal-id="myModal" data-reveal-ajax="true">
この方法でこれを行う方法はありますか？もしそうなら、どのように？