Hide SubMenu items in Asidemenu
Writer is a clean and professional theme for blog or personal website.
- GK User
- Mon Feb 08, 2016 6:03 pm
Greetings,
First and foremost, I just want to say that Gavickpro consistently provides top-shelf templates and I recommend your resources to all my clients and associates. Keep up the outstanding work!
Currently, I am using the Writer template and attempting to hide any child items in the aside menu.
I attempted to use the solution provided in https://www.gavick.com/forums/bluap-joomla25/sub-menus-aside-menu-27300 which worked great. However, I cannot seem to add any delay effects so that the opening and closing of the child items would be more smooth. In other words, I would like the child items to be exposed with the same smooth duration that the menu has when it is opened.
Any suggestions would be greatly appreciated.
Thank you for your time and consideration.
First and foremost, I just want to say that Gavickpro consistently provides top-shelf templates and I recommend your resources to all my clients and associates. Keep up the outstanding work!
Currently, I am using the Writer template and attempting to hide any child items in the aside menu.
I attempted to use the solution provided in https://www.gavick.com/forums/bluap-joomla25/sub-menus-aside-menu-27300 which worked great. However, I cannot seem to add any delay effects so that the opening and closing of the child items would be more smooth. In other words, I would like the child items to be exposed with the same smooth duration that the menu has when it is opened.
Any suggestions would be greatly appreciated.
Thank you for your time and consideration.
-
- Fresh Boarder
- teitbite
- Sat Feb 13, 2016 12:22 pm
Hi
Have You tried this script:
this should reveal subemenus is a slower manner.
Have You tried this script:
- Code: Select all
<script>
$("#aside-menu li.haschild").hover(
function () {
$(this').find('ul').show('slow)';
},
function () {
$(this).find('ul').hide('slow');
}
);
</script>
this should reveal subemenus is a slower manner.
-
- Moderator
- GK User
- Tue Feb 16, 2016 5:32 am
Greetings,
Thank you very much for your assistance. Unfortunately, the script did not work. I attempted to place it in layouts/blocks/head.php and it resulted in an error. I also attempted to fix the script you provided with the following:
Specifically, I replaced
Would it be possible to perhaps use just CSS?
I'm a bit of a novice here, so I really appreciate all of your time and help with this.
Thank you very much for your assistance. Unfortunately, the script did not work. I attempted to place it in layouts/blocks/head.php and it resulted in an error. I also attempted to fix the script you provided with the following:
- Code: Select all
<script>
$("#aside-menu li.haschild").hover(
function () {
$(this).find('ul').show('slow');
},
function () {
$(this).find('ul').hide('slow');
}
);
</script>
Specifically, I replaced
- Code: Select all
$(this').find('ul').show('slow)';
- Code: Select all
$(this).find('ul').show('slow');
Would it be possible to perhaps use just CSS?
I'm a bit of a novice here, so I really appreciate all of your time and help with this.
-
- Fresh Boarder
- teitbite
- Mon Feb 22, 2016 11:36 am
Hi
For CSS animations You would need a fixed height and width. Javascript can count that on the go. Please send me an access to FTP. I'll see why it's not working.
For CSS animations You would need a fixed height and width. Javascript can count that on the go. Please send me an access to FTP. I'll see why it's not working.
-
- Moderator
4 posts
• Page 1 of 1