2012-01-17 19 views
0

私は仕事場のウェブサイト上にアコーディオンスタイルのナビゲーションセクションを持っています。それを設定する方法があるかどうかを判断しようとしていますページが読み込まれるときに選択されたセクション...基本的にすべての見出しが表示されますが、コンテンツは表示されません。jQuery UIアコーディオン:選択したセクションのない開始ページ

また

ない、それは関連性のあることを確認しますが、サイトはC#

コード...選択した回答に基づいて

<script type="text/javascript"> 
    $(window).load(function() { 
     $('#accordion').accordion({ 
      collapsible: true 
     }); 
    }); 
</script> 
<div id="accordion"> 
    <h3> 
     <a href="#">Employee Stock Ownership Plan Announcement</a></h3> 
    <div> 
     @Html.Partial("_Esop") 
    </div> 
    <h3> 
     <a href="#">TAG Transport Purchase</a></h3> 
    <div> 
     @Html.Partial("_TagPurchase") 
    </div> 
    <h3> 
     <a href="#">Wilcox Truck Line Purchase</a></h3> 
    <div> 
     @Html.Partial("_WilcoxPurchase") 
    </div> 
    <h3> 
     <a href="#">JRI, Inc. Mentorship</a></h3> 
    <div> 
     @Html.Partial("_JRIMentor") 
    </div> 
</div> 

修正したコードを使用してMVC3上に構築されています...

<script type="text/javascript"> 
    $(window).load(function() { 
     $('#accordion').accordion({ 
      collapsible: true, 
      active: false, 
      fillSpace: true, 
      clearStyle: true 
     }); 
    }); 
</script> 

これは2つのことをしました。

  1. ロードされたページにアクティブなコンテンツがないようにしました。
  2. がパネル

答えて

2
$(".selector").accordion({ active: false }); 
+0

ありがとうございました。これで今立ち上がった「バグ」は、以前になかったときにウィンドウの一部にスクロールバーがあることです。これについての考えは?スクロールバーは世界の終わりではありませんが、私はそれらを持っていないことを望みます。 – Jared

+1

コメントに記載されている問題は、さまざまなことから起こる可能性があります。このページにはいくつかのソリューションがあります:http://helpdesk.objects.com.au/javascript/how-to-avoid-scrollbars-when-using-jquery-accordion – JohnMerlino

+0

ありがとうございました。そのポストはスクロールバーを削除しました! – Jared

1

truecollapsibleオプションは、ソリューションの一部である設定からスクロールバーを削除し、あなたもfalse

activeオプションを設定する必要があります
関連する問題