Здравствуйте. Планирую на сайт раскрывающиеся меню делать, чтобы при щелчке в одно меню раскрывались его подменю, а при щелчке на другую - открытые подменю закрывались, а нажатый раскрывался.
В стилях подменю скрыл с помлщью display: none, а в яваскрипте (jQuery) написал код:
$(".text").click(function(){
if ($(".textContent").slideUp()) {
$(".textContent").slideDown();
};
if ($(this).next().slideUp()) {
$(this).next().slideDown();
}
else {
$(this).next().slideUp();
};
});
Так теперь у меня на сайте при нажатии на ".text" все ".textContent" раскрываются, а нажатый подменю ($(this).next()) два раза раскрывается и закрывается.
Что не так с кодом? Вроде же, всё логично:
1-if: если все ".textContent" раскрыты, их закрыть;
2-if: если нажатый подменю раскрыт, то его закрыть, иначе — раскрыть.