Salesforce.com | How to open a PageBlockSection closed using jQuery

Ever want to default a PageBlockSection to closed?

Here is the secret sauce using jQuery

Insert this snippet into the header

<apex:includeScript value=”https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js“/>

    <script type=”text/javascript”>

        var j$ = jQuery.noConflict();

        j$(document).ready(function(){

            j$(‘.showExtra .hideListButton’).attr(“class”, “showListButton”);

            j$(‘.showExtra .pbSubsection’).css(“display”, “none”);

        });

    </script>

Wrap you pageblocksection code in a div

<div class=”showExtra”>
<apex:pageBlockSection columns=”2″ title=”Extra Fields” >
<apex:repeat value=”{!$ObjectType.Account.FieldSets.Extra_Fields}” var=”f”>
<apex:inputfield  value=”{!Account[f]}” />
</apex:repeat>
</apex:pageBlockSection>
</div>

#kachow …twisty is closed and div is hidden.