Php 单击1个产品类别时显示产品的div列表(并关闭其他div)
我有一个产品类别列表,我从mysql dbb中获取,具有唯一id。 当我单击一个产品类别时,我希望显示该类别的产品列表,并关闭另一个类别(如果以前打开过一个div)。 但我不知道该怎么做 PHP:Php 单击1个产品类别时显示产品的div列表(并关闭其他div),php,jquery,html,Php,Jquery,Html,我有一个产品类别列表,我从mysql dbb中获取,具有唯一id。 当我单击一个产品类别时,我希望显示该类别的产品列表,并关闭另一个类别(如果以前打开过一个div)。 但我不知道该怎么做 PHP: <?php echo "<script type='text/javascript'> $(document).ready(function() {"; $result0 = mysql_query("select * from $table order by idc
<?php
echo "<script type='text/javascript'>
$(document).ready(function() {";
$result0 = mysql_query("select * from $table order by idcat");
while ($r0 = mysql_fetch_array($result0)) {
$idcat_jquery = $r0['idcat'];
echo '$(\'#lienmenu_'.$idcat_jquery.'\').click(function() {
$(\'#display_product_info'\').hide('.idcat.');
$(\'#display_product_info'\').show(' . idcat . ');
});';
}
echo ' });';
echo '</script>';
$result1 = mysql_query("select * from $table order by idcat");
while ($r1 = mysql_fetch_array($result1)) {
$cat = $r1['cat'];
$idcat = $r1['idcat'];
echo '<input value="' . $cat . '" id="idcat" class="submit" type="submit"/>';
}
?>
<div id="display_product_info" style="display:none;">
<?php
$result1 = mysql_query("select * from $table2 where idcat='$idcat' order by productname");
while ($r1 = mysql_fetch_array($result1)) {
$productname = $r1['productname'];
$idproduct = $r1['idproduct'];
echo '' . $productname . '<BR>';
}
?>
</div>
您可以为包含类别产品的活动DIV设置一些CSS唯一类
当您打开另一个类别产品时,请删除活动的唯一CSS类,并将该唯一CSS分配给新的category->products DIV容器
编辑:
<div id="container">
<div id="cat1"> </div>
<div id="cat2"> </div>
<div id="cat3"> </div>
<div id="cat4"> </div>
</div>
$("div#container > div").each(function(){
var element_id = $(this).attr("id");
$("#"+element_id).hide();
});
如果您使用唯一的DIV{id}维护您的category->products,那么很容易管理您的活动DIV
您可以读取所有DIV并为所有DIV应用非活动CSS类(使用隐藏选项)和应用活动CSS类(使用显示选项)
示例:
<div id="container">
<div id="cat1"> </div>
<div id="cat2"> </div>
<div id="cat3"> </div>
<div id="cat4"> </div>
</div>
$("div#container > div").each(function(){
var element_id = $(this).attr("id");
$("#"+element_id).hide();
});
添加类:
$('#display_product_info').addClass("active");
删除类:
$('#display_product_info').removeClass("active");
然后用css
给这个类一些样式,你是用同一个div来显示你的分类产品还是用不同的div?我希望每个分类产品有不同的div谢谢!你能用jquery告诉我我能做什么吗?我不是“jquery代码专家”: