展开/折叠盒像谷歌图片

-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

展开/折叠盒像谷歌图片

回答

相关问题