jquery-ui-tooltip

I am using JQUERY with JQUERY UI to change the value of the title for a small string of text. When the page first loads the tool tip works fine and shows my "Click to expand" tool tip. When the user clicks on the "more..." or "less..." text it should trigger the click function (which it does); toggle visibility of the blog post (which it does); toggle the text from more to less or vice versa (which it does); and then update the title for the button so the tool tip shows the new text (which it does update as seen in Chrome). However, the tooltip never changes and even though the title says

I have div button that has a title attribute that us used as the text for tool tips using jQueryUI. I would like to change the tooltip of the button by clicking it. However, when the button is clicked and the call back function is fired, the mouse is over the div and title is null. How do I go about fixing this behaviour? It looks like jQueryUI Tooltip widget removes the title on hover and puts it back on mouse out. $( document ).tooltip(); $(".btn").click(function(){ alert($(this).attr("title")); // Expect to see T1 or T2 but shows blank if ($(this).attr("title")=="T1"){ $(this).attr("title",

I use jQuery UI's new Tooltip and having trouble with figuring out how to set a maximum width of the tooltip. I guess it should be done with position , but how? Based on Senn's reply, I added following to a separate CSS-file: div.ui-tooltip { max-width: 400px; } A sidenote: Make sure your separate CSS follows after the ui-css, otherwise there will be no effect. Otherwise you also could use the !important - marker. If you subscribe to Tooltip's open event, you can update the style in code: $(".selector").tooltip({ open: function (event, ui) { ui.tooltip.css("max-width", "400px"); } }); in

I'm trying to use jQuery Tooltip to display a different colour tooltip for errors. I can do this fine with static content using the tooltipClass and styling that class appropriately. $(".error").tooltip( { tooltipClass: "ttError" }); Any class which already already has the error class attribute will work correctly but when I use the validate plugin to dynamically add the error class the tooltip will not display correctly. I've only just started using jQuery more so this is out of my scope at the moment, any pointers appreciated. As ninja said in the comment I just placed the above code in the

I need to do something like: $(document).tooltip("open"); I need to do this because of I want display the tooltip on mouseover but also with a checkbox showing all of them. Is this even possible? You can check what I want in jsFiddle: http://jsfiddle.net/3e5QP/ It works fine but you have a few issues with your example. First, your checkbox has an id of #showAll when it should be simply showAll . Second, according to the jQuery API, the tooltip open method only works on non-delegated elements. Programmatically open a tooltip. This is only intended to be called for non-delegated tooltips. So