Foundation 4 を使用して作成したこのドロップダウン ボックスがあります。
<a href="#" data-dropdown="pipeline" class="small secondary radius button dropdown" >Select a Pipeline</a>
<ul id="pipeline" data-dropdown-content class="f-dropdown ">
<li>
<a href="#" id="2d">2D Pipeline</a>
</li>
<li>
<a href="#">3D Pipeline</a>
</li>
</ul>
私がやりたいことは、ユーザーが 2D パイプラインをクリックすると、div
. これが私のスクリプトです。はdiv
ドキュメントのロード時に非表示になります。
$(document).ready(function() {
$("a[href*='teams_pipeline.html']").removeAttr("id");
$("#2d_div").hide();
});
$("#pipeline li a#2d").click(function() {
$("#2d_div").show();
});
このスクリプトは現在動作しません