jQuery Forum

I would like my buttons to look exactly like the collapsible Divs. What do you think would be the best way?

I thought I might have an empty Div, the problem is that it opens and closes when you click on it and come back, which shifts all the buttons below it.

1. <div data-role="collapsible" data-collapsed="true" data-theme="e">
           <h3 onClick="location.href='mypage.htm'">My Button</h3>
           </div>       

Then I thought I could create custom duplicate styles on the button and style it like the Div. I would just prefix each duplicate with "Square_" .

1.    <!-- Button -->
       <a id="JobFairLink" href="JobFairLink.htm" class="Square_ui-btn Square_ui-btn-icon-left Square_ui-btn-corner-all Square_ui-shadow Square_ui-btn-up-e" data-theme="e" data-role="button"><span class="Square_ui-btn-inner Square_ui-btn-corner-all"><span class="Square_ui-btn-text">Job Fairs</span></span></a>

I want to create a button that does not have rounded corners, spans the entire block width, has no icon, but otherwise looks like the data-role="collapse".