Jak zrobić rozwijane menu z prawej strony ?

W jaki sposób należałoby zrobić takie menu na którym jeśli klikniemy daną kategorie rozwiną się inne podkategorie z prawej strony ?

Kolega zna html, css? Kolega zna angielski? to kolega wpisuje w google "dropdown menu css html" i będzie uszczęśliwiony ;)

Nie sądzę. Takie menu trudno jest zrobić tak, żeby nie przeszkadzało użytkownikowi. Lepiej się w to nie bawić.

Właściwie zależy od funkcjonalności - jeżeli jest to menu na kilka elementów to może rzeczywiście nie ma sensu się w to bawić, ewentualnie jeżeli jest jedno zagnieżdżenie, to można szybko zrobić, ale w przypadku wielu zagnieżdżeń, albo takich, gdzie są liczne elementy w menu rzeczywiście może być to problematyczne. Jednakże np. w przypadku menu administracyjnego (zarówno dla admina jak i jakiegoś po prostu klienta w sklepie czy innym systemie), gdzie użytkownik ceni dojście do celu jak najkrótszą drogą, to nie musi być złe rozwiązanie, np.
https://www.drupal.org/files/adminimal-menu-2.png
W respo pakujesz to jedno pod drugim i działa.

Wracając do autora - tak jak napisał kolega @dervill - pierwszy z brzegu przykład: http://www.cssscript.com/demo/create-a-multi-level-drop-down-menu-with-pure-css/

Nic nie ma w tym linku do przykładu. Bardziej mi chodzi o to, że mając z lewej strony menu chcę po najechaniu na kategorię wyświetlić jej podkategorie.

https://www.w3schools.com/howto/howto_css_dropdown.asp

O to chodzi, że ja nie chcę DropDownMenu tylko takie menu, które rozwija się z prawej strony DropRightMenu. Menu główne mam z lewej strony strony głównej.

ja takie menu dodawałem na bank, poszukaj w temacie:
Ciekawe skrypty do frontu

position: absolute, overflow:hidden i animate z jquery. JS'em po kliknięciu zmieniasz wysokość.

https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_dropdown_navbar
zamiast

.dropdown:hover .dropdown-content {
    display: block;
}

dajesz

.dropdown:hover .dropdown-content {
    display: inline;
}