1
我想履行一個奇怪的請求，我以前沒有做過。我無法鏈接到有問題的頁面，因爲它位於身份驗證牆的後面，但這更多的是關於如何完成此操作的一般問題。內部頁面隱藏下拉菜單從框（Wordpress）
下面是相關的樣機的部分截圖：http://imgur.com/a/l7TJ6
我已經得到了這些箱子與他們的圖片和標題等2排一字排開像他們的樣機，但我不確定爲這些項目製作這個可摺疊的隱藏菜單或底部的左側和右側導航部分的最佳方式。
任何幫助，非常感謝。謝謝你們。
<div id="individuals-full"><h1 style="text-align: center;">We assist individual clients to find personalized solutions involving:</h1>
<br/>
<ul>
<li><a href="#"><div id="finance" class="individual-icons"><img class="aligncenter size-medium wp-image-1268" src="http://cmattayers.com/poarch/wp-content/uploads/2017/02/finance-visas-01-300x300.png" alt="" width="300" height="300"><h1 style="text-align: center;">Finance <br/>Visas</h1></div></a></li>
<li><a href="#"><div id="green-cards" class="individual-icons"><img class="aligncenter size-medium wp-image-1270" src="http://cmattayers.com/poarch/wp-content/uploads/2017/02/marriage-based-green-cards-01-300x300.png" alt="" width="300" height="300"><h1 style="text-align: center;">Marriage-Based Green Cards</h1></div></a></li>
<li><a href="#"><div id="removal-of-conditional-residence" class="individual-icons"><img class="aligncenter size-medium wp-image-1273" src="http://cmattayers.com/poarch/wp-content/uploads/2017/02/removal-of-conditional-residence-01-300x300.png" alt="" width="300" height="300"></p><h1 style="text-align: center;">Removal of Conditions</h1></div></a></li>
<li><a href="#"><div id="naturalization" class="individual-icons"><img class="aligncenter size-medium wp-image-1271" src="http://cmattayers.com/poarch/wp-content/uploads/2017/02/naturalization-and-citizenship-01-300x300.png" alt="" width="300" height="300"><h1 style="text-align: center;">Naturalization & Citizenship</h1></div></a></li>
<li><a href="#"><div id="adjustment-of-status" class="individual-icons"><img class="aligncenter size-medium wp-image-1261" src="http://cmattayers.com/poarch/wp-content/uploads/2017/02/adjustment-of-status-01-300x300.png" alt="" width="300" height="300"><h1 style="text-align: center;">Adjustment of Status</h1></div></a></li>
<li><a href="#"><div id="waivers" class="individual-icons"><img class="aligncenter size-medium wp-image-1261" src="http://cmattayers.com/poarch/wp-content/uploads/2017/02/waivers-01.png" alt="" width="300" height="300"><h1 style="text-align: center;">Waivers</h1> </div></a></li>
<li><a href="#"><div id="consular-processing" class="individual-icons"><img class="aligncenter size-medium wp-image-1261" src="http://cmattayers.com/poarch/wp-content/uploads/2017/02/consular-processing-02-01.png" alt="" width="300" height="300"><h1 style="text-align: center;">Consular Processing</h1></div></a></li>
<li><a href="#"><div id="visas-for-victims" class="individual-icons"><img class="aligncenter size-medium wp-image-1261" src="http://cmattayers.com/poarch/wp-content/uploads/2017/02/visa-for-victims-of-crimes-01.png" alt="" width="300" height="300"><h1 style="text-align: center;">Visas for Victims of Crimes</h1></div></a></li>
<li><a href="#"><div id="special-immigrant-juveniles" class="individual-icons"><img class="aligncenter size-medium wp-image-1261" src="http://cmattayers.com/poarch/wp-content/uploads/2017/02/special-immigrant-juveniles-02-01.png" alt="" width="300" height="300"><h1 style="text-align: center;">Special Immigrant Juveniles</h1></div></a></li>
<li><a href="#"><div id="asylum" class="individual-icons"><img class="aligncenter size-medium wp-image-1261" src="http://cmattayers.com/poarch/wp-content/uploads/2017/02/asylum-01-1.png" alt="" width="220" height="220"><h1 style="text-align: center;">Asylum<br/> </h1></div></a></li>
<li><a href="#"><div id="investment-visas" class="individual-icons"><img class="aligncenter size-medium wp-image-1261" src="http://cmattayers.com/poarch/wp-content/uploads/2017/02/investment-visas-01.png" alt="" width="300" height="300"><h1 style="text-align: center;">Investment <br/>Visas</h1></div></a></li>
<li><a href="#"><div id="daca-icon" class="individual-icons"><img class="aligncenter size-medium wp-image-1261" src="http://cmattayers.com/poarch/wp-content/uploads/2017/02/daca-01.png" alt="" width="300" height="300"><h1 style="text-align: center;">Deferred Action for Childhood Arrivals</h1></div></a></li>
<li><a href="#"><div id="dapa-icon" class="individual-icons"><img class="aligncenter size-medium wp-image-1261" src="http://cmattayers.com/poarch/wp-content/uploads/2017/02/dapa-01.png" alt="" width="300" height="300"><h1 style="text-align: center;">Deferred Action for Parental Accountability</h1></div></a></li>
<li><a href="#"><div id="removal-deportation-defense" class="individual-icons"><img class="aligncenter size-medium wp-image-1261" src="http://cmattayers.com/poarch/wp-content/uploads/2017/02/removal-and-deportation-defense-01.png" alt="" width="300" height="300"><h1 style="text-align: center;">Removal & Deportation Defense</h1></div></a></li>
</ul>
</div>