Re: [jQuery] Re: how do i prevent having a paragraph tag for the text AFTER i expand?

[Karl Swedberg]

Sorry about that. I should have been more specific in the plugin  
documentation about what it was intended for. I didn't write the  
plugin to work across multiple block-level elements. It looks like  
that is how you're trying to use it. If I have some time in the next  
few days, I'll see if I can make the plugin work for multiple block- 
level elements, too.

--Karl
____________
Karl Swedberg
www.englishrules.com
www.learningjquery.com




On Nov 19, 2009, at 5:24 PM, mikko wrote:

Greetings,

I'm having the same issue with a new line being inserted.  Here is the
live code:  http://www.hotel1000seattle.com/packages.php  The text
doesn't read correctly when expanded (skipped line).  Is there a way
to prevent this?

thanks,
-me

On Nov 9, 7:19 pm, Karl Swedberg <k...@englishrules.com> wrote:
it would be helpful to see a page with the html output rather than
your php variables. Also, try using a span rather than a div for the
expandText.

--Karl

____________
Karl Swedbergwww.englishrules.comwww.learningjquery.com

On Nov 5, 2009, at 6:04 AM, Kei Simone wrote:



Hi

i noticed that whenever i expanded the text, the subsequent text
expanded.

and the expand prefix...

also tends to be on the next line.

Please advise.

This is my expand code.

$(document).ready(function() {

 // override some default options
 $('div.expandable div').expander({

   slicePoint:       160,  // default is 100
   expandText:         '<div class="expand-
button">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Expand</div>', // default is
'read more...'
   //expandSpeed:      '2000', // speed in milliseconds of the  
animation
effect for expanding the text
   //expandPrefix: '...',
    expandEffect:     'fadeIn',
   collapseTimer:    0, // re-collapses after 5 seconds; default is
0, so no re-collapsing
   userCollapseText: 'Collapse' , // default is '[collapse expanded
text]'

   afterExpand: function($thisElement) {

     var vendorParaID = $thisElement.attr('id');

     var underscore = vendorParaID.indexOf('_');

     var vendorID = vendorParaID.substring(0, underscore);

     $("#vendor_img_"+vendorID).replaceWith($preloadImgVendor
[vendorID]);

     var heightOfDIV = $thisElement.height();

     if(heightOfDIV > 290){
   $thisElement.attr({style : "height:290px;overflow:auto"});
     }

     //console.debug($thisElement);
   },
   onCollapse: function($thisElement, byUser) {
     //alert($thisElement.attr('id'));
     var vendorParaID = $thisElement.attr('id');
     var underscore = vendorParaID.indexOf('_');

     var vendorID = vendorParaID.substring(0, underscore);

     $("#vendor_img_"+vendorID).replaceWith($preloadImgVendorCrop
[vendorID]);

     var heightOfDIV = $thisElement.height();

     if(heightOfDIV > 68){
   $thisElement.removeAttr("style");
     }

     //console.debug($thisElement);
   }
 });

});

This is my div for the expandable.

<div class="expandable" >
                               <div id="{$vender.id_manufacturer}
_desc">{$vender.description}</div>

                               </div>