画像ギャラリーがあり、画像の下に情報バーとプロジェクトのタイトルと説明が記載された閉じるボタンがあります。
ただし、問題は、タイトルと説明を空のままにした場合でも、情報バーと十字が表示されることです。タイトルと説明が空のときは、両方が存在しないようにします。if($ project1title!=='')などの後にinfobarとinfobar-close divクラスを配置することはできません。これは、プロジェクトごとにそれらを繰り返す必要があり、複数のinfobarとinfobar-closeが必要になるためです。 divクラス。
この問題を回避するにはどうすればよいですか?
<div class="infobar"><div class="infobar-close"></div>
if ($project1title !== '') if ($project1description !== '') {
echo '<span id="title"></span><span id="description"></span>';
if ($project2title !== '') if ($project2description !== '') {
echo '<span id="title"></span><span id="description"></span>';
if ($project3title !== '') if ($project3description !== '') {
echo '<span id="title"></span><span id="description"></span>';
if ($project4title !== '') if ($project4description !== '') {
echo '<span id="title"></span><span id="description"></span>';
</div>