OXIESEC PANEL
- Current Dir:
/
/
var
/
www
/
reader
/
groupchat
/
trash
Server IP: 139.59.38.164
Upload:
Create Dir:
Name
Size
Modified
Perms
📁
..
-
08/31/2024 11:08:59 AM
rwxr-xr-x
📄
dashboard.php
8.5 KB
08/31/2024 11:09:01 AM
rw-r--r--
📄
register.php
5.08 KB
08/31/2024 11:08:59 AM
rw-r--r--
📄
signin.php
5.52 KB
08/31/2024 11:08:59 AM
rw-r--r--
📄
signout.php
295 bytes
08/31/2024 11:09:00 AM
rw-r--r--
📄
test.php
2 KB
08/31/2024 11:09:00 AM
rw-r--r--
📄
test.txt
0 bytes
08/31/2024 11:09:01 AM
rw-r--r--
📄
test1.html
1.4 KB
08/31/2024 11:09:01 AM
rw-r--r--
📄
test1.php
125 bytes
08/31/2024 11:09:01 AM
rw-r--r--
Editing: test1.html
Close
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Show/Hide Div Example with Font Awesome</title> <!-- Include Font Awesome --> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css"> <style> .group-members-container { display: none; /* Hide the div by default */ margin-top: 10px; padding: 10px; border: 1px solid #ccc; } </style> </head> <body> <button id="toggleGroupButton"><i class="fas fa-bars"></i></button> <div id="groupMembersContainer" class="group-members-container"> <!-- Group members content here --> <p>Group members:</p> <ul> <li>Member 1</li> <li>Member 2</li> <li>Member 3</li> </ul> </div> <script> // Get references to the button and the div const toggleGroupButton = document.getElementById('toggleGroupButton'); const groupMembersContainer = document.getElementById('groupMembersContainer'); // Add click event listener to the button toggleGroupButton.addEventListener('click', function() { // Toggle the visibility of the group members div if (groupMembersContainer.style.display === 'none') { groupMembersContainer.style.display = 'block'; } else { groupMembersContainer.style.display = 'none'; } }); </script> </body> </html>