On hover change another element

Report · Oct 30, 2018

Hi,

I would like to know the code for moving a div when I hover another div on Adobe Muse.

So : If #u119485 is hover, it moves left 60 px #u119497

Can you help me please ?

Thanks a lot !

Report · Oct 30, 2018

Could you be a little bit more specific? Example?

Report · Oct 30, 2018

Thanks for your reply !

Here is my Muse code for the moment :

<html>

<head>

<style>

#u119485{

transition-property: left;

transition-duration: 0.4s;

transition-timing-function: ease;

-webkit-transition-property: left;

-webkit-transition-duration: 0.4s;

-webkit-transition-timing-function: ease;

}

#u119485:hover{

left:0px;

</style>

</head>

</html>

<html>

<head>

<style>

#u119497{

transition-property: left;

transition-duration: 0.4s;

transition-timing-function: ease;

-webkit-transition-property: left;

-webkit-transition-duration: 0.4s;

-webkit-transition-timing-function: ease;

}

#u119497:hover{

left:60px;

}

</style>

</head>

</html>

I would like to know how to push #u119497 when #u119485 is on hover. Because for now, #u119485 is going up #u119497

Hope it's more easy to understand.

Thanks !

Report · Oct 30, 2018

You are not talking about a Muse problem, but a code issue. Am I right?

Report · Oct 30, 2018

It's actually a code problem, apply to Muse.

Report · Oct 30, 2018

Sorry but that code will never work. You need JavaScript to bind an action to element B when element A is used as the trigger. Suggest you build your animation with a real code editor and jQuery.. Or build it in Animate CC. Muse is not the right tool for this.

Nancy O'Shea— Product User, Community Expert & Moderator
Alt-Web Design & Publishing ~ Web : Print : Graphics : Media

Adobe Community

On hover change another element

1 Correct answer