Я написал этот список HTML, который вы можете увидеть во фрагменте:
<head>
<style>
div input + div > div {
display: none;
}
div input:checked + div > div {
display: block;
}
</style>
</head><body>
<div>
<label for='boys'>Boys</label>
<input type='checkbox' id='boys' />
<div>
<div>Mathew</div>
<div>Mark</div>
<div>Kirk</div>
<div>John</div>
</div>
</div>
<div>
<label for='girls'>Girls</label>
<input type='checkbox' id='girls' />
<div>
<div>Mary</div>
<div>Sue</div>
<div>Jessica</div>
<div>Alice</div>
</div>
</div>
</body>
Вот идея о том, как вы могли бы продолжить:
<?php
$filename = 'path/filename.ext';
// Read the file into an array of lines
$lines = file($filename, FILE_IGNORE_NEW_LINES);
// Group name
$group = '????';
// Our result
$GroupsAndNames = array();
// Loop over all lines; extract group names and person names
foreach($lines as $line) {
if (trim($line)=='') continue; // ignore empty lines
if ( ($line[0]!=' ') && ($line[0]!="\t") ) {
// it's a group entry, so create an empty group array
$group = trim($line);
$GroupsAndNames[$group] = array();
} else {
// it's a person's name, so add to group array
$GroupsAndNames[$group][] = trim($line);
}
}
echo '<!DOCTYPE html>
<html>
<head>
<title>Boys and Girls</title>
<head>
<style>
div input + div > div {
display: none;
padding-left:24px;
}
div input:checked + div > div {
display: block;
}
</style>
</head>
<body>' . PHP_EOL;
foreach($GroupsAndNames as $key => $group) {
echo ' <div>' . PHP_EOL;
echo ' <label for="'.$key.'">'.$key.'</label>' . PHP_EOL;
echo ' <input type="checkbox" id="boys" />' . PHP_EOL;
echo ' <div>' . PHP_EOL;
foreach($group as $name) {
echo ' <div>'.$name.'</div>' . PHP_EOL;
}
echo ' </div>' . PHP_EOL;
echo ' </div>' . PHP_EOL;
}
echo '
</body>
</html>
' . PHP_EOL;
?>
Это создает HTML-страницу, как в вашем вопросе.
Примечание: конечно, вам нужно изменить $ имя_файла имя файла.
Других решений пока нет …