[HTML] pobierz, plaintext 
<div class="opis">
     <div class="text">
         <div id="images">
<img src="/bron/xdm.jpg" alt="" style="float:left;" />Pistolet M-4.5,  kal.9x19 mm PARA
Pistolet M jest to samopowtarzalny pistolet chorwackiej firmy HS PRODUKT. Pistolet ten w USA znany jest pod nazwą Springfield  i trzykrotnie uzyskał nagrodę produktu roku. Ceniony jest szczególnie za jego wszechstronność i niezawodność w każdych warunkach.
o można powiedzieć o pistoletach HS-9 i M-9? Bardzo dobra broń. Lekkie, dobrze wyważone, dobrze leżące w dłoni – każdy pistolet w komplecie ma trzy wymienne nakładki na tylną część chwytu, co pozwala dopasować broń do ręki użytkownika (choć osobom o dużych dłoniach i tak najlepiej leży w ręku M-45ACP, z uwagi na bardziej pękaty chwyt). Pistolety wyposażone są w czytelne przyrządy celownicze z białymi punktami (HS-9) lub światłowodem na muszce (XDM-9). Broń ma spust single-action o bardzo dobrej, „przyjaznej dla strzelca” charakterystyce, pozwalający na szybkie i celne strzelanie dubletów, ale także i na strzelanie precyzyjne. Chorwackie pistolety są częściowo przystosowane do strzelania dla strzelców lewo- i praworęcznych – mają dwustronny przycisk zwalniania magazynka, ale dźwignia zwalniania zamka z tylnego położenia znajduje się jedynie na lewej stronie broni (przed nią umieszczono dźwignię służącą do rozkładania). Pistolet nie ma bezpieczników nastawnych, a jedynie automatyczne: chwytowy, w spuście i blokadę iglicy.
   </div>
</div>
</div>
 
<STYLE>
.opis {
    border: 1px solid #ccc;
    margin: 10px;
    padding: 5px;
    display: table;
}
.text {
    overflow: hidden;
}
.readmore, .readless {
    text-align:right;
    padding:2px;
    float:right;
    cursor: pointer;
}
#images{
    padding:30px;
}
#images img{
    position:relative;
    float:left;
    height:100px;
    margin:5px;
    transition:0.3s;
    box-shadow: 0 0 0 10px #fff;
}
#images img:hover{
    z-index:2;
    transform: scale(1.2);
}
#images img:hover:after{
    content: attr(title);
}
</STYLE>
 
<script>
$(function(){
    $('.opis').each(function(){
        $(this).append('<div class="readmore">czytaj więcej...</div>');
        var textelement = $(this).find('.text');
        var wys = textelement.height();
        textelement.css('height', '90px');
        $(this).find('.readmore').live('click', function(){
            textelement.animate({height: wys}, 1000);
            $(this).attr('class', 'readless');
            $(this).text('czytaj mniej...');
        });
        $(this).find('.readless').live('click', function(){
            textelement.animate({height: '90px'}, 1000);
            $(this).attr('class', 'readmore');
            $(this).text('czytaj więcej...');
        });
    });
});
</SCRIPT>
[HTML] pobierz, plaintext