Thanks again Erik changing this to class, toggle() worked great!!!
when i added interface and tried using BlindDown.etc.. it only seems to work when the data is in <div class=\"slickbox2\"> and not when there just in <tr class=\"slickbox2\"> example: http://simpleinvoices.org/demo/jq-test.php?submit=365&action=view&invoice_style=Itemised# ### code ### ... <tr class=\"slickbox2\"> <td>$b_stateField, $b_zip_codeField</td><td>$LANG_fax: $b_faxField</td><td colspan=4></td> </tr> <tr class=\"slickbox2\"> <td >$b_countryField</td><td>$LANG_email: $b_emailField</td> </tr> <tr> <td colspan=5><br><br></td> </tr> <div class=\"slickbox2\"> This is a class test for slickbox2a - 1 </div> <div class=\"ifxLinks\"> Fancy jquery/interface effects:<br> <a href=\"#\" onClick=\"$('.slickbox2').BlindDown(500);\">Blind down</a> <a href=\"#\" onClick=\"$('.slickbox2').BlindUp(500);\">Blind up</a> <a href=\"#\" onClick=\"$('.slickbox2').slideDown();\">slideDown</a> <a href=\"#\" onClick=\"$('.slickbox2').hide('slow');\">hide</a> <a href=\"#\" onClick=\"$('.slickbox2').show('slow');\">show</a> <a href=\"#\" onClick=\"$('.slickbox2').BlindToggleVertically(1000, null, 'easeout');\">Blind toggle horizontally</a> <a href=\"#\" onClick=\"$('.slickbox2').toggle();\" >Toggle</a> </div> ######## Has onyone got any suggections to make BlindToggleVertically work in the <tr>s Thansk again, any help would be greatly appreciated Cheers Justin On 11/9/06, Justin Kelly <[EMAIL PROTECTED]> wrote: > Thanks Erik, i changed it to class and it works great!! > > Thanks > > Justin > > On 11/9/06, Erik Beeson <[EMAIL PROTECTED]> wrote: > > You're confusing IDs and classes. It's pretty basic CSS, so you shouldn't > > have any trouble finding info on google. Every id=... has to be unique, but > > more than one thing can have the same class=... > > For your code, that means use td class="slickbox2" instead of id, and then > > select it with $('.slickbox2').toggle(). > > > > --Erik > > > > > > On 11/8/06, Justin Kelly <[EMAIL PROTECTED]> wrote: > > > > > > Hi All, > > > > > > Im very new to javascript and jquery so please be gentle :) > > > > > > What im trying to do is have a button that toggles(or fade etc..) a > > > number of rows in a table. > > > ie. click button, 10 rows show/hide > > > > > > Currently it works great for the first row but i cant get it to do the > > > toggle for the rest of the rows, ive tried using each and find but i > > > cant get it happening > > > > > > Could someine please take a look at the below code and let me know how to > > do > > > > > > ### jquery ## > > > $('a#slick-toggle2').click(function() { > > > $('#slickbox2').toggle(); > > > return false; > > > }); > > > ########## > > > > > > > > > ### html code ## > > > <a href=\"#\" id=\"slick-toggle2\">Toggle2</a> > > > <tr id='slickbox2'> > > > <td colspan=2>$c_nameField</td><td colspan=4></td> > > > </tr> > > > <tr id='slickbox2'> > > > <td colspan=6 > > align=left>$c_attentionField,</td> > > > </tr > > > > ....... > > > ############ > > > > > > Any help would be greatly appreciated > > > > > > Cheers > > > > > > Justin > > > -- > > > email: [EMAIL PROTECTED] > > > > > > jabber: [EMAIL PROTECTED] > > > gtalk: [EMAIL PROTECTED] > > > msn: [EMAIL PROTECTED] > > > yahoo im: justinjameskelly > > > icq: 202893989 > > > > > > _______________________________________________ > > > jQuery mailing list > > > [email protected] > > > http://jquery.com/discuss/ > > > > > > > > > _______________________________________________ > > jQuery mailing list > > [email protected] > > http://jquery.com/discuss/ > > > > > > > _______________________________________________ jQuery mailing list [email protected] http://jquery.com/discuss/
