左側の三角のドロップダウンのみであれば、リストで実現できると思います。HTML, CSSのみで行う場合は以下のように行うことができます。
HTML
1<!DOCTYPE html>
2<html lang="ja">
3<head>
4 <meta charset="UTF-8">
5 <title>タイトル</title>
6 <style type="text/css">
7 ul {
8 list-style: none;
9 }
10
11 .parent-box:focus {
12 pointer-events: none;
13 }
14
15 .child-box {
16 opacity: 0;
17 }
18
19 .parent-box:focus .child-box {
20 pointer-events: auto;
21 opacity: 1;
22 }
23
24 .list-marker {
25 -webkit-transition: -webkit-transform .3s;
26 -moz-transition: -moz-transform .3s;
27 -o-transition: -o-transform .3s;
28 transition: transform .3s;
29 }
30
31 .parent-box:focus .list-marker {
32 display: inline-block;
33 -webkit-transform: rotate(90deg);
34 -moz-transform: rotate(90deg);
35 -o-transform: rotate(90deg);
36 transform: rotate(90deg);
37 }
38 </style>
39</head>
40<body>
41<ul>
42 <li tabindex="0" class="parent-box">
43 <span class="list-marker">▷</span>
44 test
45 <ul class="child-box">
46 <li>0.png</li>
47 <li>1.png</li>
48 <li>2.png</li>
49 <li>3.png</li>
50 </ul>
51 </li>
52</ul>
53</body>
54</html>
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。