图中A-G列为表格,H-M列为图表，我想通过图表切换的按钮实现 隐藏A-G列并显示H-M列，或者反过来显示A-G列并隐藏H-M列，JS代码为：

$("td[id^='A']").toggle();

$("td[id^='B']").toggle();

$("td[id^='C']").toggle();

$("td[id^='D']").toggle();

$("td[id^='E']").toggle();

$("td[id^='F']").toggle();

$("td[id^='G']").toggle();//隐藏A-G列

$("td[id^='H']").show();

$("td[id^='I']").show();

$("td[id^='J']").show();

$("td[id^='K']").show();

$("td[id^='L']").show();

$("td[id^='M']").show();//显示H-M列

报表预览时点击图表切换按钮提示：$ is not defined,请问这个方法可行吗？要如何实现？