javascript - jQueryで使用するためにJSでColdFusion変数を設定しますか?

Question

ユーザーが小さな鉛筆のグリフをクリックすると、動的な数の div を切り替えようとしています。グリフと非表示の div の ID を「pencilX」と「hiddenY」として設定しています。X と Y は、データベースに格納されている自動インクリメント ID に対応しています。ここに私が持っているコードがあります:

テーブル内のアイテムのクエリをループして、アイテムごとにこのコードを出力し、ユーザーがアイテムごとに異なる鉛筆をクリックできるようにします。そのアイテムの情報を含む div の切り替えが表示されます。

これまでの私の調査では、AJAX を使用する必要があるという方向性が示されていますが、AJAX をよく理解していないため、ここで本当に必要かどうか疑問に思っています。jQueryからCF変数に直接アクセスできないことはわかっているので、以下でやろうとしているように、クライアントに到達する前にCF側からJSで変数を設定できるかどうか疑問に思っています。しかし、もちろん、それは機能していません！

また、機能していない ToScript 関数を使用してみました。jQueryも認識していないようです。

<cfoutput>
<!---Query huddle item, set div ID--->
<cfquery name="huddleItem" datasource="LPKCMA">
    SELECT *
    FROM CMA_COMM_HDDL
    WHERE ID = 1
</cfquery>
<cfset pencilID = "##pencil" & huddleItem.ID>
<cfset hiddenID = "##hidden" & huddleItem.ID>
<!---Div toggle--->
<script type="text/javascript" language="JavaScript">
<!--- Didn't work
    var #toScript(pencilID, "pencil")#;
    var #toScript(hiddenID, "hidden")#;
--->
    var pencil = '#pencilID#';
    var hidden = '#hiddenID#';

    $(document).ready(function(){
        $('#' + pencil).click(function(){
            $('#' + hidden).toggle('fast');
        });
    });
</script>
<!--- Content below including pencil and div... --->