show-hide

I know the show/hide thing has been covered to death on stack, but I just can't find a solution that works for me, sorry. I've tried several JS/jQuery solutions that I found and can't quite get one to behave the way I'd like. I have many divs that are very similar in content (content changes slightly based on version selected), and all have the exact same style. Desired behavior I'd like one div to show by default with all others hidden. Then, based on a link click, a different version div is displayed and all other content divs are hidden. Basic HTML <div class="container"> <h1>Header</h1> <p

I've managed to get my menu system working which now shows and hides sections when they are clicked on. I've also added a search feature to this and that works as well. Full working version is available on this JFiddle Each section is made as follows : <li><a href="#" id="show" name="heada"><h3> Section 1</h3></a> <div class="slider" style="display:block; display:none;"> <a href="">Section 1 - Item 1</a><br/> <a href="">Section 1 - Item 2</a><br/> <a href="">Section 1 - Item 3</a><br/> <a href="">Test</a><br/> </div> </li> The slight issue I have is when searching I don't want to lose the

I want to make a function to show and hide a div tag and hide all others: function showPage(showdiv){ $('#midRight').not(showdiv).hide(); $(showdiv).show(); } Link calling the function: <ul> <a style="cursor:pointer;" onclick="showPage('#home_page1')"> <li>Show Page 1</li> </a> <a style="cursor:pointer;" onclick="showPage('#home_page2')"> <li>Show Page 2</li> </a> </ul> DIV s on page: <div id="midRight"> <div id="home_page1">Content 1</div> <div id="home_page2" style="display:none;">Content 2</div> </div> The function showPage ends up hiding every div within midRight , while on JSFiddle, the

So at the click of a button I want to hide all bars on top of screen, to disappear. At another click of button I want them all to reappear again. I successfully did that and have the following bars to hide on button click: Status Bar, TabLayout tab fragments, Support Action Bar. Here's what I have. When I click my "Start" button ^, all these bars on top, hide. But only 1 is left ... I tried hiding the "getActionBar" but that bar that's left is not it. According to my styles.xml when I change the color of the 'ColorPrimaryDark', that's the bar that's left: I tried hiding PopupOverlay and

I have 2 html TR that i make them runat="server" & visible="false" and I have a dropdownlist called citiesDropDownList $(document).ready(function() { $('#<%=citiesDropDownList.ClientID %>').change(function() { ValidateCity(); }); }); and on change of this dropdownlist i check if the its text equal to a string i show the 2 tr as below function ValidateCity() { if ($('#<%= citiesDropDownList.ClientID %> :selected').text() == identity_CityOther) { $('#<%= otherCityTR.ClientID %>').show(); $('#<%= areasTR.ClientID %>').show(); } var city = $('#<%= citiesDropDownList.ClientID %>').val(); return