[JavaScript] Show/Hide który schować atrybut data Opcje

[Czikusek]

Napisałem sobie prostą listę kategorii: (czy kategorie powinny być na <li> ?)

[HTML] pobierz, plaintext 
<div class="item"><a href="#" title="" data-id="1">1</a></div>
<div class="item"><a href="#" title="" data-id="2">2</a></div>
[HTML] pobierz, plaintext 

chce osiągnąć taki efekt, że po kliknięciu na kategorię pokaże się lista subkategorii do TEJ kategorii, dlatego dodałem znaczniki data.

Później mam listę subkategorii:

[HTML] pobierz, plaintext 
<div class="subcategories-list" data-subcategory="1" style="display: none;">
 
	aaaaaaaaaaaaa
 
</div>
[HTML] pobierz, plaintext 

No i chcę żeby działało:

[HTML] pobierz, plaintext 
$('.maincategories a').click(function(){
			var clicked = $(this).data("id");
			$('.subcategories-list[data-subcategory="'+clicked+'"]').show();
		});
[HTML] pobierz, plaintext 

i działa... rozwija mi listę subkategorii z tym że nie chowa poprzedniej. Jak to zrobić?

Ten post edytował Czikusek 2.08.2018, 12:32:36

[trueblue]

Jeśli kliknę w kategorię z data-id="1", to co ma się stać?
Mam wrażenie, że piszesz o problemie zwizualizowania tego, a nie oprogramowania. Jeśli tak jest, to po prostu wstaw podkategorie za każdą co czwartą kategorię.