Анимация родительского элемента при нажатии кнопки внутри элемента - PullRequest
Новая
       6

Анимация родительского элемента при нажатии кнопки внутри элемента

0 голосов
/ 17 февраля 2012

хорошо, это довольно сложно для меня, поэтому я постараюсь объяснить это как можно лучше.

У меня есть ряд элементов, которые создаются из цикла php foreach. Вывод выглядит так: 

<div class="friendStats" id="friendStats_1">
 <div class="wrapper">
      <table width="260" cellpadding="0" cellspacing="0" border="0">
        <tbody>
                <tr>
                     <td width="130" align="left" colspan="2"><input type="button" class="viewStats_1 update" name="1123456789123" value="View Stats"></td>
                </tr>
                <tr style="height:22px;">
                     <td align="left"><input type="button" id="fstatUpdate_1" class="update hidden" name="1123456789123" value="Update Stats"></td>
                     <td align="center"><span id="fstatReply_1" style="display:none; margin:0;">Stats updated!</span></td>
                </tr>
           </tbody>
     </table>
 </div>
 <div class="stats" id="friend_1">
       STATS TABLES GO HERE            
 </div>

Обычно на странице есть несколько таких повторяющихся блоков контента, причем число увеличивается на единицу для каждого блока. Так как они являются элементами блочного уровня, они все отображаются друг на друге на странице, что я и хочу, вроде как в списке.

Что мне нужно сделать, так это то, что: когда я нажимаю кнопку View Stats для определенного блока, я хочу, чтобы все остальные блоки исчезли, и чтобы один блок, который я хочу просмотреть, переместился наверх страница. У меня есть jQuery, настроенный на изменение значения кнопки «Просмотреть статистику» на «Скрыть статистику» после нажатия на нее. Итак, еще раз, когда нажата кнопка «Скрыть статистику», мне нужно, чтобы она вернулась на прежнее место и исчезла в других блоках.

Поэтому, когда я нажимаю на viewStats_x, он исчезает из всех friendStats_x, за исключением его родителя, а затем анимирует родительский friendStats_x в верхней части страницы. Затем при повторном щелчке по viewStats_x его родительский freindStats_x возвращается в исходное положение, а все остальные friendStats_x возвращаются.

Количество блоков friendStats_x является переменным.

...