show-hide

i'm trying to hide/show markerClusterer when user clicks some buttons: Here is what i'm trying to do: map = new google.maps.Map(document.getElementById("mappa"),mapOptions); var marker_tmp = []; var markers_tmp = []; $.each(json,function(index,value){ var latLng = new google.maps.LatLng(value.lat,value.lng); var marker = new google.maps.Marker({'position': latLng}); if((value.candidato in markers_tmp)==false){ markers_tmp[value.name]=[]; } markers_tmp[value.name].push(marker); }); for(var name in markers_tmp){ markers[name]= new MarkerClusterer(map,markers_tmp[name]); } I create multiple

I have a div that sits at the bottom of a slideshow that I want to disappear when the user scrolls or uses down arrow then reappears when scrolls back to the top. I am guessing this is incorporating the jquery scroll functionality? Priyank Patel <div> <div class="a"> A </div> </div>​ $(window).scroll(function() { if ($(this).scrollTop() > 0) { $('.a').fadeOut(); } else { $('.a').fadeIn(); } }); Sample $(window).scroll(function () { var Bottom = $(window).height() + $(window).scrollTop() >= $(document).height(); if(Bottom ) { $('#div').hide(); } }); Madhavi Mangapati Try this code $('window')

I am trying to show and hide content depending on which button is pressed. The next button should show content 2 and hide content 1, and previous button should do the opposite. <script type="text/javascript"> $('a.button-next').click(function() { $("#tab-content2").addClass("show"); }); </script> CSS: #tab-content2 { display: none; } #tab-content2.show { display: none; } HTML: <div id="tab-content1"> <?php the_content(); ?> </div> <div id="tab-content2"> <?php the_field("experience");?> </div> <a href="javascript:;" class="button-back">Previous</a> <a href="javascript:;" class="button-next"

I have a show/hide script that I am using for a menu. When I click a main link it brings up a list below it. I was wondering if there is a way to alter it a bit so that when I click the link it opens but when I click the next one it closes the other one instead of leaving them all open unless you click it again to close. Here is my script: <script type="text/javascript"> function toggle_visibility(id) { var e = document.getElementById(id); if(e.style.display == 'block') e.style.display = 'none'; else e.style.display = 'block'; } </script> <a href="#" onclick="toggle_visibility('list1');"> <p

I have a bit of an issue with a toggle visibility function which operates on the hidden attribute of an element. Trouble is, this lacks browser compatibility.. function hide(e) {$(e).hidden=true;} function show(e) {$(e).hidden=false;} Googling this issue I came across the method of toggling the style.display property, like so.. function toggle(e) { document.getElementById(e).style.display = (document.getElementById(e).style.display == "none") ? "block" : "none"; } ..but this seems sub-optimal, because you can't have a generic show/hide function that sets the display property to block . What if

When the user clicks anywhere on the screen, I want the Actionbar to hide and when pressed again it should reappear. I know there is something called actionbar.hide(); and show, but can you please help me how to implement it? :) Just hide() : getActionBar().hide(); when you want to hide it, and use show() : getActionBar().show() when you want to show it. That's about it. Remember that if you're using View.SYSTEM_UI_FLAG_FULLSCREEN , this will not work properly. Try this. you have here the possibility to call hide or show method and according to your proposal public class AbstractActivity