アコーディオンメニューの中身がない時は、ボタンの表示をしないようにしたい。

Question

実際はアコーディオンメニューではなくて、
PHPで作ったお知らせのページです。

続きを見るボタンを押すと本文が開閉するようにしたのですが、
本文がない時もあるので
中身がない時はそのボタンの表示をしないようにしたいです。

<div class="display-button">続きを見る</div>
<div class="comment-display">
<div id="detail">
<?php
for($j=0;$j<=$maxCommentCount;$j++){
if(!empty($data['comment'][$j]) || !empty($data['upfile_path'][$j])){
$upfileTag = '';
if(!empty($data['upfile_path'][$j])){
$upfileTag = '<a data-fancybox href="'.$data['upfile_path'][$j].'"><img src="'.$data['upfile_path'][$j].'?'.uniqid().'" /></a>';
$upfileTag = $upfileTag;
}?>
<div class="comment"><?php echo (!empty($data['comment'][$j])) ? $data['comment'][$j] : '';?></div>
<div class="detailUpfile"><?php echo $upfileTag;?></div>
<?php 
}
}
?>
</div>
</div>

cssではcomment-displayをdisplay:noneで消していて、
jqueryは下記のようにしています。

<script>
$(function(){
$(".display-button").on("click", function() {
$(this).next().slideToggle();
});
});
</script>

これで開閉するという動作は出来ています。

本文が空の時に、display-buttonの表示を消す制御は出来るのでしょうか？
どうしたら出来るか見当が付かず、躓いています。

よろしくお願いいたします。

Comments

[m.ts10806]

コードはマークダウンのcode機能を利用してご提示ください。
https://teratail.com/help#about-markdown

[m.ts10806]

```言語名
//ここにコード
```

です。
どのような表示になるかは他の質問や回答を見て確認してください。
これが適切に対応されているかどうかで、アドバイスのつきやすさが段違いになります。
(コピペできたりインデントが反映されたりするので）

[退会済みユーザー]

失礼しました。教えていただきありがとうございます。直しておきます。申し訳ありません。

[kei344]

質問文とコードにずれがあります。「タイトルを押すと、本文が開閉するようにした」とありますが、「続きを見るを押すとコメントが開閉する」状態になっています。

[退会済みユーザー]

本当ですね・・・直します。重ね重ねすみません。

Answer 1

本文が空の時に、display-buttonの表示を消す制御は出来るのでしょうか？

forの中で<div class="comment">...を出力するのではなく、それを変数で保存するようにして、中身がある場合<div class="display-button">を出力するようにすれば良いのでは。

<?php 
$all = '';
for($j=0;$j<=$maxCommentCount;$j++){
  // 略
  $all .= 'なかみ'; // 空のときは追加しないとか考える
}
if ( $all ) {
 ?>
<div class="display-button">続きを見る</div>
<div class="comment-display">
<div id="detail">
<?php echo $all; ?>
</div>
</div>
<?php 
}
 ?>