0
Ich kann das untergeordnete Menü des aktuellen übergeordneten Elements nicht ausblenden, wenn ich versuchte, auf ein anderes übergeordnetes Element zu klicken. Ich musste das untergeordnete Menü ausblenden, das dem vorherigen Elternelement entspricht, wenn auf ein anderes Elternelement geklickt wird. Momentan zeigt mein Code die vorherigen übergeordneten Kinder zusätzlich zu den aktuellen übergeordneten Kindern an.Den untergeordneten Menüinhalt des übergeordneten Elements ausblenden, wenn auf ein anderes übergeordnetes Element geklickt wird
//loads the children corresponding to the parent
<?php
include_once 'dbconfig.php';
$cat = array();
if(!empty($_POST))
{
}
elseif(!empty($_GET)) {
if($_GET['feat']== 'getchild')
{
if(!empty($_GET['c_id']))
{
$sql = "select a.category, a.category_id from cscart_category_descriptions a join cscart_categories b where a.category_id=b. category_id and b.parent_id={$_GET['c_id']} and status='A'";
$res = get_data_form_db($sql);
foreach($res as $ob)
{
$html.='<li><span id = "list'.$ob['category_id'].'" onclick = "LinkClick(\''.$ob['category_id'].'\')" valu e="'.$ob['category_id'].'">'.$ob['category'].'</span></li>';
}
if($html!='')
{
$html = "<ul>$html</ul>";
}
echo $html;
}
}
}
else {
echo "invalid type request";
exit;
}
function get_data_form_db($query)
{
if(!empty($query))
{
//echo $query;
$Result = mysql_query($query);
//var_dump($Result);
$i = -1;
while($row = mysql_fetch_array($Result))
{
$rows[++$i] = $row;
}
}
return $rows;
}
?>// ajax_index.php
// This file is used to load the parent from the database //and makes an ajax call to load its child.
<?php
include_once 'dbconfig.php';
?>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
<body>
<h1>Categories and sub Categories</h1>
<?php
$Result = mysql_query("select cd.category, cd.category_id from cscart_category_descriptions cd, cscart_categories cs where cd.category_id = cs.category_id and cs.parent_id = 0 and status ='A';");
while($Row = mysql_fetch_array($Result))
{
$c_id[++$i] = $Row[1];
$categories[$Row[1]] = $Row[0];
}
$c_id[0] = $i;
for($i=0; $i < $c_id[0]; $i++)
{
echo '<li><span onclick = "LinkClick(\''.$c_id[$i].'\')" >'.$categories[$c_id[$i]].'</span><span id = "list'.$c_id[$i].'"></span></li>';
}
?>
</body>
<script type="text/javascript">
var Clicked = {};
var Previous = null;
function LinkClick(id)
{
console.log(id);
if(Clicked[id] == 1)
{
return false;
}
Clicked[id] = 1;
$.ajax({
type:'GET',
url: "test.php",
data:{feat:"getchild", c_id:id},
success:function(result){
console.log(result);
$("#list"+id).append(result);
}
});
return true;
}
</script>
</html>
Bitte können Sie spezifischere über die Veränderungen sein. –
Wir haben die Klasse" submenu "in die untergeordnete Menüleiste eingefügt. Wenn ich auf das Elternmenü klicke. Kindklasse "Untermenü" wird leer. wie Code $ (". submenu"). html (''); – rajeev
Ich wollte die Kinder auf dem gleichen Niveau verstecken, wenn ein anderer Geschwister angeklickt wird, aber was Sie vorgeschlagen haben, funktioniert nur auf einer Ebene, nicht auf mehreren Ebenen und funktioniert nur für den ersten Klick auf irgendeinen Inhalt. –