ibragim44

при мобильном разрешении должен переводить в карточку товара

Нужно реализовать быстрый просмотр с опциями, атрибутами, количеством, и сопутствующими товарами а так же предыдущий и следующий товар на аяксе.

Как отобразить div "product-grid_info" при клике. Получается он отображает все контенеры а нужно только одного на который кликаешь <div class="product-grid-categories"> <?php foreach ($products as $product) { ?> <div class="product-grid"> <div class="model"> <?php echo $product['model']; ?> </div> <?php if ($product['thumb']) { ?> <div class="image"> <img src="<?php echo $product['thumb']; ?>" title="<?php echo $product['name']; ?>" alt="<?php echo $product['name']; ?>" /> </div> <?php } ?> <?php if ($product['price']) { ?> <div class="price"> <?php if (!$product['special']) { ?> <?php echo $product['price']; ?> <?php } else { ?> <span class="price-old"><?php echo $product['price']; ?></span> <span class="price-new"><?php echo $product['special']; ?></span> <?php } ?> </div> <?php } ?> <div class="product-grid_info"> <div class="name"><a href="<?php echo $product['href']; ?>"><?php echo $product['name']; ?></a></div> <div class="cart"> <input type="button" value="<?php echo $button_cart; ?>" onclick="addToCart('<?php echo $product['product_id']; ?>');" class="button" /> </div> <div class="wishlist"><a onclick="addToWishList('<?php echo $product['product_id']; ?>');"><?php echo $button_wishlist; ?></a></div> <div class="description"> <?php if($product['attribute_groups']) { ?> <table> <?php foreach($product['attribute_groups'] as $attribute_group) { ?> <tbody> <?php foreach($attribute_group['attribute'] as $attribute) { ?> <tr> <?php echo $attribute['name']; ?> - <?php echo $attribute['text']; ?> <font color="#0000FF">|</font> </tr> <?php } ?> </tbody> <?php } ?> </table> <?php } ?> </div> </div> </div> <?php } ?> </div> <script type="text/javascript"> $('.product-grid_info').hide(0); $('.product-grid').click(function(){ $('.product-grid_info').fadeIn(0); $('.product-grid').height(350); }); $('.product-grid_info span').click(function() { $('.product-grid_info').hide(0); }); </script>