CODEWITHSUNDEEP
jquerysharepoint
Rob
Rob

Reputation: 1708

Tabbed content in a SharePoint page

I’ve got a requirement to create tabs for content displayed on a web page, so that a user doesn’t have to scroll vertically to read all the content.

Is there a way for jQuery to automatically divide page content into chunks and wrap that into tabs? I’m sure I saw something somewhere once…

Upvotes: 1

Views: 815

Answers (2)

Nagshead
Nagshead

Reputation: 431

I'm trying to add WebPartZones so that I can have multiple WebParts in each tab.

Upvotes: 0

karim79
karim79

Reputation: 342765

jQuery UI tabs plugin is what you need.

Example:

<script>
$(document).ready(function() {
    $('#example').tabs();
});
</script>

<div id="example">
     <ul>
         <li><a href="ahah_1.html"><span>Content 1</span></a></li>
         <li><a href="ahah_2.html"><span>Content 2</span></a></li>
         <li><a href="ahah_3.html"><span>Content 3</span></a></li>
     </ul>
</div>

Upvotes: 5

Related Questions