展開/摺疊盒像谷歌圖片

-1

<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>

我想.visibleContent是點擊擴大.exandibleContent像三角指針谷歌圖片。

正確的示例：LINK

我想深刻地認識到代碼，但我不能。你能寫一個具有相同功能但只有四個圖像的代碼嗎？

我只需要一個4格的圖像和相同的slidetoggle函數。

來源

2017-06-09 raionard

你似乎在要求別人寫一些代碼爲你。堆棧溢出是一個問答網站，而不是代碼寫入服務。請[see here]（http://stackoverflow.com/help/how-to-ask）學習如何編寫有效的問題。 –

檢查了這一點

https://codepen.io/anon/pen/owbebY 變化

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

到

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

你需要這樣的

來源

2017-06-09 11:01:04 Rahul

非常感謝，圖像數量已解決。但我不知道如何替換這4張圖片 – raionard

將src更改爲你想要的網址，如果這個答案解決了你的問題，那麼接受它，也upvote – Rahul

答案不解決，因爲我沒有與我的網址4圖片。我想在一次插入我的圖片localy一次。 – raionard

展開/摺疊盒像谷歌圖片

回答

相關問題