Добавить +/- в меню js

ЕСТЬ РЕШЕНИЕ ЗАКРЫТО

#1 15 февраля 2017 в 11:14

Доброго времени суток!

Горожу тут одно дело, которое вывожу в виде вертикального многоуровневого меню.
Все работает, открывается/закрывается, но хотелось бы добавить + к пунктам которые имеют подпункты, а с явой я как то не подружился ~~(хотя я мало с чем подружился)~~

Код:

<script>
$(document).ready(function()
{
	$('#menu ul').css({'display':'none'});
	$('#menu a').on('click',function(event)
	{
		var ul = $(this).next('ul');
		$(ul).slideToggle('400');
 
	});
});
</script>

Спасибо!

#2 15 февраля 2017 в 12:17

Может подсмотреть, как у Олега Василича сделано?
instantcms.ru/blogs/esli-dolgo-muchitsja/akordeon-iz-vidzhetov.html

У него там и сворачивается и разворачивается. И плюсы и минусы есть.

#3 15 февраля 2017 в 12:38

Та надо еще бы как то класс добавлять, приведу полностью весь код (он найден в интернете, и немного допилен мной)

Спойлер

 
<!DOCTYPE html>
<html>
<head>
<style>
*{margin:0px;padding:0px;}
html,body{height:100%;}
#menu{display:block;width:200px;}
 
#menu ul{display:block;padding-left:20px;list-style-type:none;}
#menu a{cursor:pointer;}
 
</style>
<script type="text/javascript" src="/min.js"></script>
<script>
$(document).ready(function()
{
	$('#menu ul').css({'display':'none'});
	$('#menu a').on('click',function(event)
	{
		var ul = $(this).next('ul');
		$(ul).slideToggle('400');
 
	});
});
</script>
 
</head>
<body>
 
<?php
header( 'Content-Type: text/html; charset=utf-8' );
mysql_set_charset( 'utf8' );
$link = mysql_connect("host", "user", "pass") or die(mysql_error()); 
mysql_select_db("db", $link) or die(mysql_error()); 
mysql_query("SET NAMES utf8");
//Выбираем данные из БД
$result=mysql_query("SELECT * FROM  affiliate");
//Если в базе данных есть записи, формируем массив
if   (mysql_num_rows($result) > 0){
    $cats = array();
//В цикле формируем массив разделов, ключом будет id родительской категории, а также массив разделов, ключом будет id категории
    while($cat =  mysql_fetch_assoc($result)){
        $cats_ID[$cat['affiliate_id']][] = $cat;
        $cats[$cat['parent']][$cat['affiliate_id']] =  $cat;
    }
} 
 
 
function build_tree($cats,$parent,$only_parent = false){
    if(is_array($cats) and isset($cats[$parent])){
        $tree = '<ul id="menu">';
        if($only_parent==false){
            foreach($cats[$parent] as $cat){
                $tree .= '<li><a href="#">'.$cat['firstname'].' '.$cat['lastname'];
                $tree .=  build_tree($cats,$cat['affiliate_id']);
                $tree .= '</li>';
            }
        }elseif(is_numeric($only_parent)){
            $cat = $cats[$parent][$only_parent];
            $tree .= '<li><a href="#">'.$cat['firstname'].' #'.$cat['lastname'];
            $tree .=  build_tree($cats,$cat['affiliate_id']);
            $tree .= '</li>';
        }
        $tree .= '</ul>';
    }
    else return null;
    return $tree;
}
 
echo build_tree($cats,0);
?>
</body>
</html>

Сегодня в 19:25

#4 15 февраля 2017 в 13:50

Просто +, или подпункты будут открываться по клику?
Добавляешь картинку. Это, как я понял родитель?

            foreach($cats[$parent] as $cat){
                $tree .='<li>';if("Здесь условие"){  $tree .='<img class="img" src="" /> ';} $tree .='<a href="#">'.$cat['firstname'].' '.$cat['lastname'];
                $tree .=  build_tree($cats,$cat['affiliate_id']);
                $tree .= '</li>';
            }

С условием думаю понятно. А потом на класс картинки вешаешь onclick и по нему прячешь или открываешь дочернии.

Разработка мобильных приложений

#5 15 февраля 2017 в 14:07

Lora, Сейчас подпункты открываются по клику (каждый пункт как ссылка, при клике на которую открываються дочерние если они есть), но хотелось бы обозначить пункты которые имеют подпункты, потому как часть пунктов не имеет вложенных.

Или хотя бы присвоить класс для пунктов с вложеностью

#6 15 февраля 2017 в 14:14

Ну а я о чём? Если открываются, значит не вешай клик, а просто условие пропиши для пункта. Уровни вложенности в таблице есть? Если есть, то от них и отталкивайся. Если нет, то ничего у тебя не выйдет.

Разработка мобильных приложений

#7 15 февраля 2017 в 14:18

$('#menu li ul').parent('li').addClass('folder');

#8 15 февраля 2017 в 14:21

Великое в простом.

Разработка мобильных приложений

#9 15 февраля 2017 в 14:24

Lora, таблица такого вида:
id | name | parent |
------------------------------------
| 1 | вася | 0 |
| 2 | петя | 1 |
| 3 | степа | 0 |
| 4 | игорь | 1 |
| 5 | кеша | 2 |

#10 15 февраля 2017 в 14:29

r2, Спасибо=) Работает!

Оплата по bitcoin без компонен

проверка сообщений

Добавить +/- в меню js

Похожие темы

Как сделать аналог меню действий только с кнопкой "Добавить"?

[ЕСТЬ РЕШЕНИЕ] Три вопроса по REDACTOR'у

[ЕСТЬ РЕШЕНИЕ] Как добавить возможность выбора группы при регистрации?

Как добавить регионы и города в базу при регистрации.

Robokassa. Добавить опцию для реализации рекуррентных платежей. Возможно?

[ЕСТЬ РЕШЕНИЕ] Form input как добавить системную маску ввода

InstantCMS Team

О проекте

Поддержка

Дополнения