"Font tag is no longer used" ?? I never got that email. LOL
It worked! BUT I didn't have to remove the font tag. Seems like a few
posts ago you figured it out but left out an s:
$(".guestbook_result .btn-edit").click(function(){
$(this).parent().children
(".guestbook_edit").slideToggle();
I replaced "parent()" with "parents()" and now it works perfectially!!
Thank you so much - I'm after posting this problem on numerous sites
with no help even given.
If you ever need some graphical work done just hit me up.
VERY grateful,
-=Neil=-
On Dec 8, 12:05 pm, Liam Potter <[EMAIL PROTECTED]> wrote:
> i just noticed all the font tags (you will want to remove these, the font tag
> is no longer used)
> so it would of been getting that as the parent,
> this one should work.
>
> $(document).ready(function() {
> $(".guestbook_result .btn-edit").click(function(){
>
> $(this).parents("guestbook_result").children(".guestbook_edit").slideToggle();
>
> });
> StoneGut wrote:
> > Still nothing Liam - thanks so much for your help. It's greatly
> > appreciated!!
>
> > I'm removing all the "(this).parent().children" just to check the the
> > links are all working fine and they are - but - ALL the
> > guesetbook_edit DIV's are opening - with your code in place nothing
> > happens. No DIV movement.
>
> > On Dec 8, 11:53 am, Liam Potter <[EMAIL PROTECTED]> wrote:
>
> >> my mistake, should of been
> >> child should be chilren
>
> >> $(document).ready(function() {
> >> $(".guestbook_result .btn-edit").click(function(){
> >> $(this).parent().children(".guestbook_edit").slideToggle();
>
> >> });
> >> StoneGut wrote:
>
> >>> No Go - thought that would do it though ... looks like it SHOULD work.
>
> >>> On Dec 8, 11:30 am, Liam Potter <[EMAIL PROTECTED]> wrote:
>
> >>>> ok try this
>
> >>>> $(document).ready(function() {
> >>>> $(".guestbook_result .btn-edit").click(function(){
> >>>> $(this).parent().child(".guestbook_edit").slideToggle();
>
> >>>> });
>
> >>>> StoneGut wrote:
>
> >>>>> Didn't work - thanks though - tried the whole SIBLING thing as well
> >>>>> before.
>
> >>>>> I simplefied my code example for the post -- here is that section in
> >>>>> whole:
>
> >>>>> <script type="text/javascript">
> >>>>> $(document).ready(function() {
> >>>>> $(".guestbook_result .btn-edit").click(function(){
> >>>>> $(this).sibling(".guestbook_edit").slideToggle();
>
> >>>>> });
>
> >>>>> });
> >>>>> </script>
>
> >>>>> <div class="guestbook_result" style="background-color:#f7f7f7; border:
> >>>>> 1px solid #c1c1c1; width:630px; margin-top:10px; float:left; padding:
> >>>>> 4px;" onMouseOver="this.style.backgroundColor='#f1f1f1';
> >>>>> this.style.borderColor='#579e18';"
> >>>>> onMouseOut="this.style.backgroundColor='#f7f7f7';this.style.borderColor='#c1c1c1';">
>
> >>>>> <font class="guestbook_name"><?php echo $name; ?></font><font
> >>>>> class="guestbook_location"> from <?php echo $location; ?></font><br />
> >>>>> <div style="padding-left:15px;"><font class="guestbook_comment">"<?
> >>>>> php echo $comment; ?>"</font></div>
> >>>>> <div style="text-align:right;"><font class="guestbook_date"><?
> >>>>> php echo $date; ?></font></div>
> >>>>> <div style="border-top:1px dashed #CCC; text-align:left;
> >>>>> padding-top:5px; margin-top:4px; width:630px;">
>
> >>>>> <font class="main_text"><a href="admin_guestbook.php?
> >>>>> action=approve&id=<?php echo $id; ?>">Approve</a> | <a href="#"
> >>>>> class="btn-edit">Edit</a> | <a href="admin_guestbook.php?
> >>>>> action=delete&id=<?php echo $id; ?>" onclick="return confirm
> >>>>> ('CONFIRM DELETION - THIS CAN NOT BE UN-DONE')">Delete</a></font>
> >>>>> </div>
>
> >>>>> <div class="guestbook_edit" style="background-
> >>>>> color:#CCC; width:600px;display:none;">
> >>>>> <font class="main_text"><br />TEST<br /><br /><?php
> >>>>> echo $comment; ?
>
> >>>>>> <br /><br /></font>
>
> >>>>> </div><!--GUESTBOOK EDIT-->
>
> >>>>> </div> <!--Entry container-->
>
> >>>>> On closer inspection it seems my "EDIT" link is within another DIV
> >>>>> (for formatting and positioning) --- ack!
>
> >>>>> On Dec 8, 11:10 am, Liam Potter <[EMAIL PROTECTED]> wrote:
>
> >>>>>> try this
>
> >>>>>> $(document).ready(function() {
> >>>>>> $(".gb_result .btn-edit").click(function(){
> >>>>>> $(this).sibling(".gb_edit").slideToggle();
> >>>>>> });
> >>>>>> });
>
> >>>>>> StoneGut wrote:
>
> >>>>>>> Hello,
>
> >>>>>>> I have a div (gb_results) that includes another div (gb_edit) - when a
> >>>>>>> button with class "edit" in the gb_results DIV is click I need the
> >>>>>>> gb_edit DIV to toggle in / out.
>
> >>>>>>> The only thing is that the gb_results DIV is generated dynamically
> >>>>>>> through a database query so I can't name each one as if they were
> >>>>>>> static. I'm tearing my hair out using different variations of THIS or
> >>>>>>> NEXT or FIND and not of them work. The only thing I can accomplish is
> >>>>>>> if any of the "edit" buttons are clicked all of the gb_edit DIV's
> >>>>>>> appear (shown below).
>
> >>>>>>> Please Help!
>
> >>>>>>> JQuery Code:
>
> >>>>>>> <script type="text/javascript">
> >>>>>>> $(document).ready(function() {
> >>>>>>> $(".gb_result .btn-edit").click(function(){
> >>>>>>> $(".gb_edit").slideToggle();
> >>>>>>> });
> >>>>>>> });
> >>>>>>> </script>
>
> >>>>>>> <div class=gb_results">
> >>>>>>> <p>RESULTS DISPLAYED HERE</p>
> >>>>>>> <a href="#" class="edit">Edit</a>
>
> >>>>>>> <div class="gb_edit">
> >>>>>>> <p>EDIT CONTENT IN HERE</p>
> >>>>>>> </div>
>
> >>>>>>> </div>
