Форум программистов [Powered by Invision Power Board]

Код


function detailProduct(row) {
    $(row).next().children().animate({height: "toggle",opacity: "toggle"}, 600,function(){$(row).toggleClass("row").toggleClass("row_active");});
}

Код


<tbody>
<tr id="row_15" class="row_active">
<td id="id" class="color_4 cursorPointer" onclick="javascript:detailProduct('#row_15')">15</td>
<td id="name" class="color_4 cursorPointer" onclick="javascript:detailProduct('#row_15')">Advanced 2xSOONTONE </td>
<td id="price" class="color_4 cursorPointer" onclick="javascript:detailProduct('#row_15')">9450</td>
<td id="count">
</td>
<td class="color_3 lineHeight19 cursorHand" onclick="add2cart(this)">в корзину</td>
</tr>
<tr class="floatLeft" style="position: static;">
<td id="desc" class="product floatLeft displayNone" colspan="5" style="display: block;">
<div class="description floatLeft justify">
<p class="color_4 floatLeft justify">
Описание:
Время не стоит на месте и технологии тоже! Абсолютная новинка! ST-8 модель 2007 года! Лучшая модель на рынке в своем классе, последнее поколение
</p>
</div>
</td>
</tr>
</tbody>

Код


аnimate(params, speed, easing, callback)
    *  params (Hash): A set of style attributes that you wish to animate, and to what end.
    * speed (String|Number): (optional) A string representing one of the three predefined speeds ("slow", "normal", or "fast") or the number of milliseconds to run the animation (e.g. 1000).
    * easing (String): (optional) The name of the easing effect that you want to use (Plugin Required).
    * callback (Function): (optional) A function to be executed whenever the animation completes.