PHP+jQuery实现行显隐报错求助：ERR 500语法错误

Hey there! Let's break down what's going wrong and fix it step by step.

首先，分析你的错误原因 #

The ERR 500 and PHP parse error (unexpected 'view') is happening for three key reasons:

1. Quote conflict in PHP string output: If you're embedding this JS code inside a PHP echo statement using single quotes, the 'view' parameter inside $line->showOptionals() clashes with the outer single quotes, causing PHP to think the string ends early.
2. Logical mistake in selector usage: You tried to use the full HTML output of $line->showOptionals() directly as a jQuery selector—this doesn't work because that method generates the entire green row's HTML, not a valid element ID to target.
3. Redundant output: Using echo print is unnecessary; print returns 1, which adds extra junk to your JS code and breaks its structure.

修复方案 #

We'll restructure your code to use unique, linked IDs for each red/green row pair, then add clean click-to-toggle functionality.

Step 1: Generate the table rows correctly #

Update your PHP table generation code to assign unique IDs and hide the green row by default:

// 生成可点击的红色行，绑定唯一ID
echo '<tr id="main-row-' . $line->id . '" class="red-clickable-row" style="cursor: pointer; color: red;">';
// 插入红色行的内容（比如$line的其他字段）
echo '<td>' . $line->title . '</td>';
// ...其他单元格内容
echo '</tr>';

// 生成默认隐藏的绿色行，ID与红色行关联
echo '<tr id="optional-row-' . $line->id . '" class="green-optional-row" style="display: none; color: green;">';
// 调用showOptionals生成绿色行的内容
$line->showOptionals($extrafields, 'view', array('style'=>'class="drag drop oddeven"', 'colspan'=>$coldisplay), '', '', 1);
echo '</tr>';

Step 2: Add the toggle functionality with JS #

Add this JavaScript (either in a <script> tag at the bottom of your page or an external JS file):

// 给所有红色行绑定点击事件
$(".red-clickable-row").click(function() {
    // 从红色行ID中提取对应的$line->id
    const rowId = $(this).attr('id').replace('main-row-', '');
    // 切换对应绿色行的显示/隐藏
    $(`#optional-row-${rowId}`).slideToggle("slow");
});

If you prefer inline onclick handlers (simpler for beginners):

// 红色行添加inline点击事件
echo '<tr id="main-row-' . $line->id . '" onclick="toggleOptionalRow(' . $line->id . ')" class="red-clickable-row" style="cursor: pointer; color: red;">';
// ...红色行内容
echo '</tr>';

// 绿色行保持不变
echo '<tr id="optional-row-' . $line->id . '" class="green-optional-row" style="display: none; color: green;">';
$line->showOptionals($extrafields, 'view', array('style'=>'class="drag drop oddeven"', 'colspan'=>$coldisplay), '', '', 1);
echo '</tr>';

Then add this simple JS function:

function toggleOptionalRow(rowId) {
    $(`#optional-row-${rowId}`).slideToggle("slow");
}

为什么这个方案可行 #

• We target valid element IDs (not raw HTML) with jQuery, so the selector works as expected.
• The linked ID system ensures clicking one red row only affects its paired green row.
• We've removed redundant echo print calls and eliminated quote conflicts by separating PHP HTML generation from JS logic.

内容的提问来源于stack exchange，提问作者lem0nade