[Solved] Title and Text issue

[Teksonic]

I have the title and text being pulled as you can see from the qtip code below. what i'm wondering is... if qtip can't find any "text" it replicates the "title" information into the text area of the tooltip. i would like it to display nothing in the text area and only the title info. is there anything I can do to change this behavior?

JS Code

$(document).ready(function()
{
   $('a.recapp').each(function(i)
   {
      $(this).qtip({
      content: {
         text: $(this).find('span.recapp').html(),
		 title: {
			text: function(api) {
				return $(this).attr('title');
				}
			}
      },
      position: {
         my: 'left center',
         at: 'right center',
         viewport: $(window)
      },
       style: {
		   tip: false,
           classes: 'ui-tooltip-light ui-tooltip-rounded ui-tooltip-shadow'
      },
      show: { solo: true },
      hide: { fixed: true },
   });
 });
});

[kiddailey]

There are MANY ways to do this:

• Use a simple ternary in the context.text property to check if the child SPAN exists (though this yields ugly results IMO)
  
  JS Code

  text: $(this).find('span.recapp').length >= 1 ? $(this).find('span.recapp').html() : ' ',

• Have two qTip inits, one with a jQuery selector for links without the child SPAN and one for links with the child SPAN:
  
  JS Code

  $('a.recapp').has('span.recapp').each(function(i) ...
   
  $('a.recapp:not(:has("span.recapp"))').each(function(i) ...

• Use different classes to differentiate the two types of tips and so they can be initialized separately
  
  JS Code

  $('a.recapp .withSpan').each(function(i) ...
   
  $('a.recapp .withoutSpan').each(function(i) ...

• Set a couple of default configuration blocks and use a ternary to swap out the qTip init based on whether the child SPAN exists or not via $.extend()
  
  http://jsfiddle.net/kiddailey/6PsU2/
  JS Code

  $(document).ready(function()
  {
      var 
          withSPANConfig = {
              content: {
                  text: $(this).find('span.recapp').html(),
                  title: {
                      text: function(api) { return $(this).attr('title'); }
                  }
              }
          },
          withoutSPANConfig = {
              content: {
                  text: function(api) { return $(this).attr('title'); }
              }
          }
   
     $('a.recapp').each(function(i)
     {
          $(this).qtip($.extend(
              $(this).find('span.recapp').length > 0 ? 
                  withSPANConfig : withoutSPANConfig 
              ,
              {
                  position: {
                      my: 'left center',
                      at: 'right center',
                      viewport: $(window)
                  },
                  style: {
                      tip: false,
                      classes: 'ui-tooltip-light ui-tooltip-rounded ui-tooltip-shadow'
                  },
                  show: { solo: true },
                  hide: { fixed: true },
              }
          ));
      });
  });

• etc.

[Teksonic]

Excellent. thank you