# NavigateTo 

**URL:** https://forums.fusetools.com/t/navigateto/5601
**Category:** How-to Discussions
**Created:** [July 2, 2015, 7:52am UTC](https://forums.fusetools.com/t/navigateto/5601 "2015-07-02T07:52:02Z")
**Posts on this page:** 3
**Page:** 1

<div class="post-metadata">

### Author: ![Mao](https://avatars.discourse-cdn.com/v4/letter/m/eb9ed0/32.png) [@Mao](https://forums.fusetools.com/u/Mao)
#### Post date: [July 2, 2015, 7:52am UTC](https://forums.fusetools.com/t/navigateto/5601/1 "2015-07-02T07:52:02Z")

</div>

For NavigationBar, Fuse used NavigateTo to change pages/targets. How can I make other pages/targets invisible when targeting on one page? (without using animation, the content overlapped on the same position)

Thanks!

---

<div class="post-metadata">

### Author: ![Kristian\_Hasselknipp](https://yyz1.discourse-cdn.com/flex035/user_avatar/forums.fusetools.com/kristian_hasselknipp/32/549_2.png) [@Kristian\_Hasselknipp](https://forums.fusetools.com/u/Kristian_Hasselknipp)
#### Post date: [July 2, 2015, 1:34pm UTC](https://forums.fusetools.com/t/navigateto/5601/2 "2015-07-02T13:34:08Z")

</div>

Hi there!

I’m not sure exactly what you want to do, but in terms of using navigation you need to use `<EnteringAnimation/>` and `<ExitingAnimation/>`in order for your pages to know how to hide themselves.

Here is a basic example with 3 pages which lets you swipe between them. Notice the animators Move the pages in this case.

```auto
<App ClearColor="#eeeeeeff" >
    <Panel>
        <Style>
            <Page>
                <EnteringAnimation>
                    <Move X="-1" RelativeTo="Size"/>
                </EnteringAnimation>
                <ExitingAnimation>
                    <Move X="1" RelativeTo="Size"/>
                </ExitingAnimation>
            </Page>
        </Style>

        <Page HitTestMode="LocalVisualAndChildren" Background="Red"/>
        <Page HitTestMode="LocalVisualAndChildren" Background="Green"/>
        <Page HitTestMode="LocalVisualAndChildren" Background="Blue"/>

        <LinearNavigation />
        <SwipeNavigate SwipeDirection="Left"/>

    </Panel>
</App>

```

Please let me know if you ment something else 🙂

---

<div class="post-metadata">

### Author: ![Mao](https://avatars.discourse-cdn.com/v4/letter/m/eb9ed0/32.png) [@Mao](https://forums.fusetools.com/u/Mao)
#### Post date: [July 3, 2015, 3:53am UTC](https://forums.fusetools.com/t/navigateto/5601/3 "2015-07-03T03:53:54Z")

</div>

Thank you for your kind reply!

Actually I encountered a problem that the content would overlap if I didn’t use move animation. I found the solution which is changing the LinerNavigation to DirectNavigation, and added

```auto
<EnteringAnimation>
    <Change Target="targetname.Visibility" Value="Visible" />
</EnteringAnimation>
<ExitingAnimation>
    <Change Target="targetname.Visibility" Value="Hidden" />
</ExitingAnimation>

```

then worked!

Thanks!