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"> 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>
