Google画像検索のような展開/折りたたみボックス

-1

私はこれだ：私は.visibleContentが三角形のポインタでGoogle画像検索のような.exandibleContentを拡大するクリッカブルになりたいGoogle画像検索のような展開/折りたたみボックス

<div class="col-lg-3"> 
     <div class="visibleContent"> 
     </div> 
     <div class="expandibleContent"> 
     </div> 
    </div> 
    <div class="col-lg-3"> 
     <div class="visibleContent"> 
     </div> 
     <div class="expandibleContent"> 
     </div> 
    </div> 
    <div class="col-lg-3"> 
     <div class="visibleContent"> 
     </div> 
     <div class="expandibleContent"> 
     </div> 
    </div> 
    <div class="col-lg-3"> 
     <div class="visibleContent"> 
     </div> 
     <div class="expandibleContent"> 
     </div> 
    </div>

を。

正しい例：LINK

私は深くそのコードを理解しようとしているが、私はできません。同じ機能を持つコードを4つの画像で作成することはできますか？

私は同じslidetoggle機能を持つ4つのイメージのグリッドが必要です。

出典

2017-06-09 raionard

のように必要なのです

$('.image-grid').empty().html(cells(4));

に変更

$('.image-grid').empty().html(cells(50));

あなたはあなたのためにいくつかのコードを書くために誰かを求めているように見えます。 Stack Overflowは、コード作成サービスではなく、Q＆Aサイトです。効果的な質問を書く方法については、こちらをご覧ください（http://stackoverflow.com/help/how-to-ask）。 –

チェックこのアウト

https://codepen.io/anon/pen/owbebY あなたはこの

出典

2017-06-09 11:01:04 Rahul

ありがとう、画像の数が解決されます。しかし、私はそれらの4つの画像を置き換える方法を知らない – raionard

srcをあなたの望むURLに変更し、この答えがあなたの問題を解決し、それを受け入れ、またupvote – Rahul

私は4つのURLを持っていないので、画像。私は自分の画像を一度にローカルに挿入したい。 – raionard

Google画像検索のような展開/折りたたみボックス

答えて

関連する問題