作者siebergx (...)
看板Ajax
标题Re: [问题] 选单显示的问题
时间Wed Jun 29 22:48:37 2011
: function setBlock(dspObj,vType)
: {
: $("."+dspObj).slideToggle("slow");
: }
: // --></script>
: --------------body--------------
: <div>
: <div class="objDiv1">这是区块1。</div>
: <input type="button" value="显示区块1" onClick="setBlock('objDiv1')"><br>
: </div>
: <div>
: <div class="objDiv1">这是区块2。</div>
: <input type="button" value="显示区块2" onClick="setBlock('objDiv1')"><br>
: </div>
: ------------------------------------------------------
: 我知道程式一看就知道 因为class都一样 当然就都会一起显示阿
: 只是因为 我希望 这两区块的html码都长得一样 我php比较好输出
: 那这样我该怎解阿
: html码 跟js都可以随便改，只希望那两区块的html能尽量长的一样就好
: jQuery 都不知道该怎用=_______________=
怎麽不用 name 或 id ??
提供一个做法，不确定是否符合你的需求，参考一下。
网站侧边栏，展示产品
产品主类别1
产品主类别2
……
每个类别点下去後，子项目才会显示出来
产品主类别1
次类别1
次类别2
产品类别2
产品类别3
……
第一层类别：
<div onclick="show(id)">
第二层类别：
<div id="sid" style="display: none">
第二层一开始都是隐藏的。
第一层 click 下去之後，将第二层的 display 改成 block，就会显示了。
function show(){
document.getElementById('s'+id).style.display =
document.getElementById('s'+id).style.display == "none" ? "block" : "none";
}//里面是同一行
原本的 display 如果是 none，改成 block，否则，改成 none
这样刚好可以在 none 跟 block 之间切换。
加上 php 做回圈：
for($i=0; $i<$totalRows_Rec; $i++){
$RowSets[$i] = mysql_fetch_assoc($Rec);
}
<?php for() { ?>
<div class="xx" onclick="show('<?php echo $RowSets[$i]['id'];?>')">
<div id="s<?php echo $RowSets[$i]['id'];?>" style="display: none">
<table>
......
</table
</div>
</div
<?php } ?>
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 114.32.118.166
1F：推 No:你的show漏掉参数了。另外这方法把js和php绑太紧了 06/30 00:34
2F：推 davidou:我知道你的做法XD 比较像是左边树状选单的 07/01 14:41
3F：→ davidou:不过我实际上的应用不在那边 只是有点类似概念而已 07/01 14:41