Solved

Pop up of side bar question

Posted on 2013-01-02
5
229 Views
Last Modified: 2013-01-19
Hi everyone,

I have a javascript file for a module I purchased and want to make a small change to it. Side Bar Image
When you click on a topic header all of the sub heading pop out also (as in the attached image,  this is what appears after I click "Photo" ).

I would like to change this so that the sub-headings do not pop out at all. All of the other functionality is correct.

Here is the javascript file that I believe controls the page but I'm having some difficulty locating the part that changes this.

$Core.mgfaq = {

    loadActions:function()
    {
    	var sidebar = $('#js_block_border_faq_panel');
    	var top = sidebar.offset().top - parseFloat(sidebar.css('marginTop'));
    	$(window).scroll(function (event) {
    		var ypos = $(this).scrollTop();
    		if (ypos >= top) {
    			sidebar.addClass('fixed');
    		}
    		else {
    			sidebar.removeClass('fixed');
    		}
    	});
    	$.localScroll.hash({
    		queue:true,
    		duration:500
    	});
        $.localScroll({
          queue:true,
          duration:500,
          hash:true,
          onAfter:function( anchor, settings ){}
        });
    	$('ul.faq_submenu li a').click(function(e){
    		var linkHref = $(this).attr('href');
            //var linkHrefID = linkHref;
            var linkHrefClass = linkHref.replace("#", ".");
            var relId = $(this).attr('rel');
            if(relId){
              $('.faq_subaction').hide();
              $('.'+relId).toggle();
            }
            setTimeout(function(){
                $(linkHrefClass).highlightFade({color:'rgb(255, 236, 142)', speed: 2000});
                //$(linkHrefID).highlightFade({color:'rgb(255, 236, 142)', speed: 2000});
            }, 600);
    	});
    	$('#js_block_border_faq_panel ul.action li a').click(function(e){
    		var linkHref = $(this).attr('href');
            //var linkHrefQID = linkHref;
    		var linkHrefID = $(this).attr('rel');
            linkHref = linkHref.replace("#", ".");
            if(linkHrefID){
              $('.faq_subaction').hide();
              $('.'+linkHrefID).toggle();
            }
            setTimeout(function(){
                $(linkHref).highlightFade({color:'rgb(255, 236, 142)', speed: 2000});
                //$(linkHrefQID).highlightFade({color:'rgb(255, 236, 142)', speed: 2000});
            }, 600);
    	});
    }

}

$Behavior.initMGFAQPage = function(){
    $Core.mgfaq.loadActions();
}

Open in new window


Thanks for your help,

D
0
Comment
Question by:TLN_CANADA
  • 3
  • 2
5 Comments
 
LVL 18

Expert Comment

by:Rartemass
ID: 38738902
Instead of having the submenu pop out, what do you want them to do?
If they don't pop out, how do you want visitors to access the links?
0
 

Author Comment

by:TLN_CANADA
ID: 38738904
Hey Rartemass, yes, it can just take them directly to the links section on that page. Sorry for not clarifying that. It's an FAQ page.
0
 
LVL 18

Expert Comment

by:Rartemass
ID: 38738929
It has been a while since I have coded in javascript and jquery so take this advice with the requisite grain of salt.
On lines 32 and 46 there is .hide().
Chanigng this to .show() should prevent the elements from hiding and thus remain visible at all times.
0
 

Author Comment

by:TLN_CANADA
ID: 38739031
Hi, sorry, maybe I wasn't clear in the functionality I wanted. I don't want to sub-menus to appear at all. Changing the hide function to show just makes the page so that the sub-menus can be toggled to show and to hide.

I want to keep the sub menus invisible at all time. The script is already setup so that if a user clicks on a menu item it takes them to take part of the page so all that is needed is to remove the function that opens the sub-menu items upon clicking the menu item.

Thanks,

D
0
 
LVL 18

Accepted Solution

by:
Rartemass earned 500 total points
ID: 38739255
OK that makes sense now.
Do you have the sub menus specified in the HTML at all? I would first remove any sub menus or at least set them to display:none in the CSS.
This may not resolve the issue however.

Do you have this working on a live website that we can take a look at? It will make things easier to pinpoint.
0

Featured Post

How your wiki can always stay up-to-date

Quip doubles as a “living” wiki and a project management tool that evolves with your organization. As you finish projects in Quip, the work remains, easily accessible to all team members, new and old.
- Increase transparency
- Onboard new hires faster
- Access from mobile/offline

Join & Write a Comment

Things That Drive Us Nuts Have you noticed the use of the reCaptcha feature at EE and other web sites?  It wants you to read and retype something that looks like this.Insanity!  It's not EE's fault - that's just the way reCaptcha works.  But it is …
Boost your ability to deliver ambitious and competitive web apps by choosing the right JavaScript framework to best suit your project’s needs.
In this Micro Tutorial viewers will learn how to create navigation buttons that change on rollover, using CSS (Continuation of the CSS Image Sprite tutorial) Create a parent ID for all the list items       - Specify position: absolute and display: block…
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

744 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

12 Experts available now in Live!

Get 1:1 Help Now