tengo el siguiente problema: estoy haciendo un menú como el de la imagen:

lo que busco es que al hacer hover en inicio los slash 1 y 2 también cambien de color (como se muestra en la imagen). También que al hacer hover en portafolios cambien de color los slash 2 y 3. He intentado hacerlo con css pero al parecer es imposible, así que opté por trabajarlo con js pero no funciona. Esto es lo que tengo hasta el momento:
Código Javascript:
Ver original
<script type="text/javascript"> $(document).ready(function(){ $("#inicio").mouseover(function() { $("#sep1").css({'color':'#4ecbff',}); $("#sep2").css({'color':'#4ecbff',}); }); }); </script>
Código HTML:
Ver original
Espero que puedan ayudarme