title: Fontawesome change closed folder to an open one
body: <p>I want to change a folder icon (closed) to a folder (opened).
  This is my html/php code:</p>
  
  <pre><code>&lt;div class="css-treeview"&gt;
      &lt;ul&gt;
          &lt;?php
          $Hostname_dir = scandir("****");
          $Hostename_number = '0';
          $Script_number = '0';
          $Hostename_number = '0';
          function count_dir($dir) {
              if ($dir['0'] == '.') {
                  unset($dir['0']);
              }
              if ($dir['1'] == '..') {
                  unset($dir['1']);
              }
              if ($dir['2'] == '.DS_Store') {
                  unset($dir['2']);
              }
              return $dir;
          }
  
          $Hostname_dir = count_dir($Hostname_dir);
          foreach ($Hostname_dir as $Hostname) {
              $Script_dir = scandir("****");
              $Script_dir = count_dir($Script_dir);
          ?&gt;
          &lt;li&gt;
              &lt;span class="fa-layers fa-fw fa-4x"&gt;
                  &lt;i class="fas fa-folder" data-fa-transform="down-2"&gt;&lt;/i&gt;
                  &lt;span class="fa-layers-counter" style="background:Tomato"&gt;&lt;?php echo count($Script_dir); ?&gt;&lt;/span&gt;
              &lt;/span&gt;
              &lt;input type="checkbox" id="item-&lt;?php echo $Hostename_number; ?&gt;" /&gt;
              &lt;label class="name" for="item-&lt;?php echo $Hostename_number; ?&gt;"&gt;&lt;?php echo $Hostname; ?&gt;&lt;/label&gt;
              &lt;ul class="fa-ul"&gt;
                  &lt;?php
                  foreach ($Script_dir as $Script) {
                      $Script_file = scandir("*****");
                      $Script_file = count_dir($Script_file);
                  ?&gt;
                  &lt;li&gt;
                      &lt;span class="fa-layers fa-fw fa-4x"&gt;
                          &lt;i class="fas fa-folder" data-fa-transform="down-2"&gt;&lt;/i&gt;
                          &lt;span class="fa-layers-counter" style="background:Tomato"&gt;&lt;?php echo count($Script_file); ?&gt;&lt;/span&gt;
                      &lt;/span&gt;
                      &lt;input type="checkbox" id="item-0-&lt;?php echo $Script_number; ?&gt;" /&gt;
                      &lt;label class="name" for="item-0-&lt;?php echo $Script_number; ?&gt;"&gt;&lt;?php echo $Script; ?&gt;&lt;/label&gt;
                      &lt;ul&gt;
                          &lt;?php
                          foreach ($Script_file as $file) {
                          ?&gt;
                          &lt;li class="file"&gt;
                              &lt;i class="fas fa-file-archive fa-2x" style="color:red"&gt;&lt;/i&gt;
                              &lt;a class="link name" href="./"&gt;&lt;?php echo $file; ?&gt;&lt;/a&gt;
                          &lt;/li&gt;
                          &lt;?php
                          }
                          ?&gt;
                      &lt;/ul&gt;
                  &lt;/li&gt;
                  &lt;?php
                  $Script_number++;
                  }
                  ?&gt;
              &lt;/ul&gt;
          &lt;/li&gt;
          &lt;?php
          $Hostename_number++;
          }
          ?&gt;
      &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>This code works perfectly for me! Look at the screenshot:
  <a href="https://i.stack.imgur.com/ukVU8.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ukVU8.png" alt="enter image description here"></a></p>
  
  <p>I want to change the black folder to a opened folder like <a href="https://fontawesome.com/icons/folder-open?style=solid" rel="nofollow noreferrer">this</a> when a user clicks the folder.</p>
  
  <p>And is it possible to add <a href="https://fontawesome.com/icons/plus?style=solid" rel="nofollow noreferrer">plus</a> and <a href="https://fontawesome.com/icons/minus?style=solid" rel="nofollow noreferrer">minus</a> on the left side?</p>
  
  <p>Could you please help me with that?</p>