ページの読み込み時に何かを単純に非表示にしようとしています...実際には最終的にはかなりの数のものが非表示になりますが、今はこれを非表示にすることができます. SOで見つけた回答のいくつかをスクロールしましたが、うまくいきません。css の .jumbotron クラスを保持する必要があるため、ID を追加しただけです........それが問題なのか、それとも何なのかわかりません....ここに私のコードがあります。誰も実際にそれを見る必要がないので、最初は省略しました。
<!-- Jumbotron -->
<div class="jumbotron">
<h1>Data Loader</h1>
<p class="lead">Follow the directions to load your data.</p>
<a class="btn btn-large btn-success" href="#">Start</a>
</div>
<div id="second_slide" class="jumbotron" >
<h1>Data Loader</h1>
<p class="lead">Follow the directions to load your data.</p>
<a class="btn btn-large btn-success" href="#">Start</a>
</div>
<hr>
<!-- Example row of columns -->
<div class="row-fluid">
<div class="span4">
</div>
</div>
<hr>
<div class="footer">
<p>© Company 2013</p>
</div>
</div> <!-- /container -->
<script>
//doesn't work
$(document).ready(function(){
$('.jumbotron #second_slide').click(function(){
var index=$('.jumbotron #second_slide').index(this);
$('.jumbotron #second_slide').hide();
});
});