Hi. I have a feeling that there is an easy solution to this problem
but I can't seem to get this to work so please bear with me. I am
using the Tabs feature.
Basically I am trying to get the ".ui-tabs-panel" element to resize to
a specific width when a user click on a specific tab. Currently, I
have the ".ui-tabs-panel" set so that it resizes to fit whatever
content is in it by using "float: left".
Could someone help me figure out how I can go about getting this to
work?
Here is the JS I have been using to try to get this to work:
$(document).ready(function(){
$("#hire").click(function () {
$(".ui-tabs-panel").css("width", "400px");
})});
However, it only works when I click inside the div once it's loaded. I
want it to resize when the user click on the link.
The #hire element is the div id for the page where I want the ".ui-
tabs-panel" element to be resized to a specific width.
This is what I currently have for my CSS that might help:
.ui-tabs-panel {
border: thin solid #999999;
padding: 10px;
margin-left: 300px;
float: left; /* Shrink content box to match content */
background: #333333; /* declare background color for container to
avoid distorted fonts in IE while fading */
color: white;
}
Thanks and I'm hoping someone can help me. :-)
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"jQuery UI" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to [EMAIL PROTECTED]
For more options, visit this group at
http://groups.google.com/group/jquery-ui?hl=en
-~----------~----~----~----~------~----~------~--~---
