This week's giveaway is in the Android forum.
We're giving away four copies of Android Security Essentials Live Lessons and have Godfrey Nolan on-line!
See this thread for details.
The moose likes HTML, CSS and JavaScript and the fly likes How to create vertical tabs in a web page using html/jquery in a JSP Big Moose Saloon
  Search | Java FAQ | Recent Topics | Flagged Topics | Hot Topics | Zero Replies
Register / Login


Win a copy of Android Security Essentials Live Lessons this week in the Android forum!
JavaRanch » Java Forums » Engineering » HTML, CSS and JavaScript
Bookmark "How to create vertical tabs in a web page using html/jquery in a JSP " Watch "How to create vertical tabs in a web page using html/jquery in a JSP " New topic
Author

How to create vertical tabs in a web page using html/jquery in a JSP

naresh nallamala
Greenhorn

Joined: Jan 03, 2013
Posts: 6
How to create vertical tabs in a web page using html/jquery in a JSP
Bear Bibeault
Author and ninkuma
Marshal

Joined: Jan 10, 2002
Posts: 60794
    
  65

The jQuery UI tabs widget had vertical capability.


[Asking smart questions] [Bear's FrontMan] [About Bear] [Books by Bear]
naresh nallamala
Greenhorn

Joined: Jan 03, 2013
Posts: 6
Bear Bibeault wrote:Please take the time to choose an appropriate forum for your posts. This forum is for questions on Servlets, not HTML. For more information, please click this link ⇒ CarefullyChooseOneForum.

This post has been moved to a more appropriate forum.


Infact, I have searched for the relevant forum. Anyways thank you for your time and advice!
naresh nallamala
Greenhorn

Joined: Jan 03, 2013
Posts: 6
I have added the following three links
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/jquery.ui.tabs.js"></script> <!--http://dean.edwards.name/packer/-->
<link rel="stylesheet" href="css/jquery.ui.tabs.css" />

Also, I have used the following classes
<div class="verticalslider" id="textExample">
<ul class="verticalslider_tabs">

<ul class="verticalslider_contents">

But, still I am unable to get the vertical tabs slide. Please help me in this regard.
Rob Crowther
author
Ranch Hand

Joined: Nov 06, 2012
Posts: 295
    
    5

Why are you using a version of jQuery which is nearly three years old? Have you checked the jQuery UI components you're trying to use are compatible with that version?


Read my books: Hello! HTML5 & CSS3 | HTML5 in Action | Read my blog
 
wood burning stoves
 
subject: How to create vertical tabs in a web page using html/jquery in a JSP
 
Similar Threads
jQuery loading image
problem with tabs in jquery
Help in creating a jsp page with tabs
Blank 'Panel' for Web Page
Dynamic tab creation using jquery