+
+
+
+ + Tab #01 + Tab #02 + Tab #03 +
+
+
+ Settings tabs
++ These are native WordPress tabs. Unfortunately they are not supported by JS :(. Fortunately, you can code it yourself! +
+Here's the tutorial!
+Markup:
+ +JS:
+
+
+ (function($) {
+ $(function(){
+ $('#tabs').tabs();
+ });
+ })(jQuery);
+
+
+ That's all folks!
+
+
+
+
+ <h2 class="nav-tab-wrapper">
+ <a href="javascript:void(0)" class="nav-tab <?php echo $active_tab == 'display_options' ? 'nav-tab-active' : ''; ?>">Tab #01</a>
+ <a href="javascript:void(0)" class="nav-tab <?php echo $active_tab == 'display_options' ? 'nav-tab-active' : ''; ?>">Tab #02</a>
+ <a href="javascript:void(0)" class="nav-tab <?php echo $active_tab == 'display_options' ? 'nav-tab-active' : ''; ?>">Tab #03</a>
+ </h2>
+ <div class="tabs-content">
+ <h3>Settings tabs</h3>
+ <p>
+ "But I must explain to you how all this mistaken idea of denouncing pleasure and
+ praising pain was born and I will give you a complete account of the system, and
+ expound the actual teachings of the great explorer of the truth, the master-builder
+ of human happiness. No one rejects, dislikes, or avoids pleasure itself, because it
+ is pleasure, but because those who do not know how to pursue pleasure rationally
+ encounter consequences that are extremely painful.
+ </p>
+ <p>
+ Nor again is there anyone who loves or pursues or desires to obtain pain of itself,
+ because it is pain, but because occasionally circumstances occur in which toil and
+ pain can procure him some great pleasure. To take a trivial example, which of us
+ ever undertakes laborious physical exercise, except to obtain some advantage from it?
+ But who has any right to find fault with a man who chooses to enjoy a pleasure that has
+ no annoying consequences, or one who avoids a pain that produces no resultant pleasure?"
+ </p>
+ <p>
+ <a href="javascript:void(0)" target="_blank" class="button button-primary">Save changes</a>
+ </p>
+ </div>
+
+
+