FAQ Database Discussion Community


jQuery: need help hiding previously viewed element(s)

jquery,hide,show,show-hide,clear
Please, be kind, I am just learning how to code... I have built out a simple photo album page using 'hide' and 'show' to navigate between the different albums. However, I am running into an issue with not being able to 'clear' the previously viewed photos from the previous album....

Hiding Next and Previous buttons when First or Last items are active

javascript,jquery,hide,show,show-hide
I am having an issue hiding previous/next buttons for first/last items. I'm trying to hide the previous button on the first and hide the next button on the last. The current item has the class "active". HTML: <div class="container content"> <div class="row"> <div class="col-xs-3 lefty"> <div id="left-nav"> <ul> <li><a class="nav-button"...

Cant unhide all child forms? vb.net

vb.net,show-hide,mdichild
I have the flowing problem. I have a vb.net parent form with MDI children that contain sensitive information. I have made a pause button which should hide all child forms from sight, this is no problem, calling them back is. i have for testing purposes created a button which should...

jQuery Hide Show when multiple selectors

javascript,jquery,show-hide
I am trying to toggle hide/show on multiple elements, and it works on mobile, however on desktop, my code seems to hide/show all of them instead of the parent that is being clicked on. var t = $(this).find* $('div a i').click(function(){ $('.text').toggleClass('show'); }); Here is a CodePen with my markup....

Angular js dynamically hide and show rows

angularjs,show-hide,tablerow
We are showing events in a normal html table using angular js. The table will be like as shown below *-------------------------------* | Time | Name | *-------*-----------------------* | 07:00 | xxxxxxxxxxx | |-------| | | 07:15 | | |-------|-----------------------| | 07:30 | xxxxxxxxxxxxxx | |-------|-----------------------| | 07:45 | | |-------|-----------------------|...

JQuery / JsPlumb: toggle “hidden/visible” anchor with checkbox strarting from Hidden

javascript,jquery,checkbox,show-hide,jsplumb
i've wrote something using JsPlumb Library. I got three elements that start using `display:none;` and then i use the typical Jquery code for make them appear flagging a checkbox: input type="checkbox" id="nameCB" name="nameCB" value="on" $('#nameCB').click(function(){ this.checked?$('#elementID').show(1000):$('#elementID').hide(1000); My problem is if i set an anchor for one of these elements: jsPlumb.addEndpoint('elementID',...

Javascript hide show dynamic divs

javascript,css,dynamic,show-hide
I am very new to Javascript. I have an app that has milestones and tasks associated with said milestones. I hide and show the tasks associated with by using toggleClass in the Javascript. I am trying to hide and show the tasks-group associated with a Milestone on checking a checkbox...

Show or hide a worksheet using a single button

excel-vba,show-hide
I have a user form with a single button. Question: Is it possible to show or hide a worksheet using only a single button? If so what the code will look like? I tried this one so far: Private Sub data_Button_click() If data_Button.Caption = "Hidden" Then Worksheets("u").Visible = True data_Button.Caption...

jQuery: set / reset form fields with certain class (improve code)

javascript,jquery,html,find,show-hide
I am new to jQuery and hope someone here can help me with this. I have a large HTML form with a hidden div ('#requestDetails'). Within this div there are checkboxes, radio buttons and selects with a certain class on a specific value ('.hiddenDefault') which is used to only apply...

Jquery show on hover hide on click

jquery,hover,show-hide
I have an element I am trying to have show on hover and stay shown. Then hides when anywhere is clicked or the button previously hovered is clicked. I have code that works, BUT it switches the hover effect if the button is clicked. Button hover = div shown div...

function showHide(shID) with jquery-cookie

javascript,jquery,cookies,show-hide,jquery-cookie
I need to put jquery-cookie for function showHide(shID) do anyone know how to do that ? I got a onclick button to show more content , using function showHide(shID) but I just need to hide for once .So is it possible to add jquery-cookie for it ?how can I do...

find a div by classname and replace it with a div based on onclick - jquery

javascript,jquery,find,toggle,show-hide
There are 8 divs and an empty div. Also there are 8 checkboxes. Initially 4 divs are displayed and the remaining are display:none and 4 checkboxes are checked and remaining are uncheked The Fiddle link is here This is my code <div class="container"> <div class="empty" style="display:none;"></div> <div class="content div_box_1"> <div...

Show and hide select input which is created dynamically

jquery,jsp,show-hide
I want to show a select form (which is hidden), when a checkbox is checked. I have coded this bootply which is working right. However, in my JSP page depending what an object contains, many checkboxes are printed, which all of them contain the .action-do class so, what is happening...

Show Hide multiple Divs only one at a time - Jquery

javascript,jquery,css,user-interface,show-hide
I'm making a little app, there's a sidebar menu and a header menu, and I basically want all items in both menus to show/hide content on one "page"/window. So when one button is clicked it shows the appropriate Div and hides all others, etc. <a id="linktodiv1">Show Window 1, hide other...

How to make a div that appear on hover, stay while its hovered on in jquery or css

javascript,jquery,html,css,show-hide
I have a div called title, and another one called description. I have managed to make the div description appear while hovering on title. here is the fiddle Now I want to make the div description stay visible while I'm hovering on it (ON THE DESCRIPTION DIV). Once i remove...

Hide app android not working?

android,show-hide
After changing package name android Hide not working this is the code i am using for hiding the application from app drawer. ComponentName componentToDisable = new ComponentName( ConfigActivity.this.getPackageName(), ConfigActivity.this.getPackageName() + ".MainActivity"); ConfigActivity.this .getPackageManager() .setComponentEnabledSetting( componentToDisable, PackageManager.COMPONENT_ENABLED_STATE_DISABLED, PackageManager.DONT_KILL_APP); is there any changes needed after changing package name? Thanks...

Jquery div click show/hide anothe div

jquery,click,show-hide
I want to show a div after I click another div, and hide that showed div when click that same div.how can i achieved this? Fiddle : http://jsfiddle.net/18pzdbz5/ HTML <div class="fixed_rht_panel"> <span class="fn_btn">Click</span> <div class="cnt_sec"> <div class="txt_hd_f">Option indeterminate disabled</div> <span class="pic_cont_f"><img src="http://t2.gstatic.com/images?q=tbn:ANd9GcSSdd4yHVdgx335P3gR3Mg9Jm9q-wSzhmqwhsTvjCQekGeQYRnxDw" alt=""/></span> <p>Reprimique eu, vix tota...

Show imageview after click wait a moment then hide again [Android]

android,multithreading,imageview,show-hide
I'm trying to show some imageviews after the user has clicked on a button then wait for some time for the user to see which was the correct button to click then hide it again. Something like this: User clicks on button giving his answer -> Score is updated and...

Show non-nested div on hover and hide after delay

jquery,mouseover,show-hide
I am trying to show div #2 when div #1 is moused-over. If div #2 isn't moused-over within a short period of time (say 3 seconds) then it hides. I have got the code semi-working but it acts really buggy. Sometimes it doesn't hide at all and I can't figure...

jQuery .hide() — sliding elements left

javascript,jquery,twitter-bootstrap,show-hide
I'm fixing my nav to the top of the page. I'm using Bootstrap (CSS only). I'm using jQuery to hide one logo (img class .logo) and show another (img class .logo-sm), on scroll. Everything basically works, except for one thing. The hiding function slides the main logo to the left...

Dropdown colorpicker with toggle click and timeout

javascript,jquery,show-hide
my code is not working and I have no idea why. Here is a demo $(".color").click(function() { $(".color-picker").fadeIn(function() { var colorClick = $(".color-box").click(); var timeOut = window.setTimeout(1000); if (colorClick || timeOut) { $(".color-picker").hide(); } }); }); EDIT: To clear the confusion - I want to hide the box with the...

Table in javascript - hide/show columns

javascript,table,show-hide
I've searched SO for hours but have not been able to find a table created like mine where there are hide/show instances - I've tried using some of the standard hide/show for standard HTML tables however it doesn't translate over to work like I need. I have a table created...

jQuery Replace Link Text with Show and Hide

jquery,toggle,show-hide
I'm trying to change some 'Show More' link text to 'Show Less' once the associated content has been revealed, using jQuery. I have created a jsfiddle to illustrate what I have done so far. I also need the content to close when I then click on the 'Show Less' link....

Hide buttons on click

javascript,show-hide
I have a JS function that when you click on one button shows a popup div and hides the button and when you close the popup div the button gets visible again. In my example I have 3 buttons and what I want now is to hide all the buttons...

Span class with jQuery - show hide

javascript,jquery,html,css,show-hide
I have a problem with span class with jQuery. What I need: Click on the button blue menu I need show blue span rectangle and red rectangle hide. Click on the button red menu I need show red span rectangle and blue rectangle hide. When are both menu is closed,...

Hiding or Closing a Windows Form on C# [closed]

c#,winforms,performance,show-hide
I have a windows form which have a textbox & a button on it. I'll show & use this form for filtering some datagrid columns when right clicked their column header. And this form will be using constantly obviously. Now I'm thinking, Should I close it everytime or simply hide...

Changing visibility of
  • elements on hover
  • jquery,css,visibility,show-hide
    I have a navbar ul with icons and another ul aligned in a fixed position to appear next to it with a label for each icon. When the user hovers over a li in the navbar, I want the corresponding li in the second ul to become visible, then become...

    Hiding content depending on variable value

    javascript,jquery,css,hide,show-hide
    I am making a price estimator. How would correctly write a jQuery function that checks a variable and depending on that amount hides/shows a certain div element accordingly. So if I had: a HTML div with the ID 'Answer' <div id="answer">Hide Me</div> $("#answer")... a variable (this variable would change) var...

    Class should be shown/hidden, depending on its content - but it only gets hidden

    javascript,show-hide
    I'm working on a PHP-chat right now. When a user logs in he automatically sends a message "logged in" that is shown to everybody, when he logs out he automatically sends "logged out" that is shown to everybody (except him of course). When all users logged out, all messages are...

    Javascript show / hide on click multi ID

    javascript,text,show-hide
    Im work with this script : I want to show/hide text on click, with a single id it works great ( add a fade animation will be great ) but I'm not able to add another ID .. someone could help me ?! THANKS function showHide(shID) { if (document.getElementById(shID)) {...

    Jquery count each() first item coming back as undefined

    jquery,show-hide
    I'm trying to hide a "Show All" button if there are less than 5 li in a ul but the first ul is coming back as undefined so it is only working for the rest of them. Can anyone tell me what is wrong with my code? Thanks in advance......

    jQuery Image Map links change html in div

    jquery,show-hide,imagemap
    I am trying to display content based on the image map links. Example, click on a state, and show that state's html div content. <img src="/territories.jpg" usemap="#Map" /> <map name="Map" id="Map"> <area shape="poly" coords="5,49" href="#links" alt=""/> <area shape="poly" coords="4,137" href="#links" alt=""/> <area shape="poly" coords="-62,186" href="#links"/> alt=""/> </map> <div id="state1">State One...

    Show/hide div with radio button using Jquery Cookie

    jquery,html,cookies,show-hide
    I have a form with radio buttons. When I click on a radio button an appropriate div shows up. When the page loads all divs are hidden. It works fine for me. But how to modify this code using jquery cookie plugin to remember last selection of radio button and...

    Show/Hide All or Toggle Multiple divs With One Checkbox

    javascript,jquery,checkbox,toggle,show-hide
    Forgive me if this topic has been overdone. I've read through lots of posts and haven't quite found what I'm looking for, which is why I'm asking. I want to have one checkbox that says "Show All" and when you check it multiple divs show. When you uncheck it, the...

    Show/hide menu with jQuery

    javascript,jquery,css,menu,show-hide
    I have a page with content (on the left) and sidebar (on the right). For screen widths <= 480px the 2 div's are placed one under the other (100% widths). The "Show/Hide" button that becomes visible is meant to toggle the sidebar's visibility when clicked. I use $(".sidebar .box").slideToggle(200); for...

    EXTJS 5 hide node in treegrid

    extjs,tree,show-hide
    Is there a way to hide a node (a parent or a child) in a treegrid? I set the visible property to false but it does not disappear: (here is the fiddle link: https://fiddle.sencha.com/#fiddle/jl1) var tree = Ext.create('Ext.tree.Panel', { renderTo: Ext.getBody(), title: 'TreeGrid', width: 300, height: 250, fields: ['name', 'description'],...

    wxpython: Hide one of splitterWindow panels

    python,python-2.7,wxpython,show-hide
    I have a frame containing wx.SplitterWindow with two panels as its children. I want to hide one of the panel with a button(show/hide button) click i.e, First panel should hide and the second panel should occupy the whole frame with the sash gone. Clicking the button again should show the...

    jquery stopping url click in div attached to function

    jquery,html,show-hide
    I've got a div set out like this <div class="clickformore"> <h3>Business in<br>action</h3> <div class="foundoutmore"> <div class="uparrow"></div> <div class="underarrow"> <p>Develop critical and problem solving skills faculties by investigating challenges faced by business leaders and to practice the skills to devise and implement practical solutions.<br><a href="http://www.ncl.ac.uk/postgraduate/modules/module/NBS8490/"...

    Show/Hide components in ReactJS

    reactjs,show-hide
    We have been experiencing some problems in using react now but it kinda boils to one part of how we have been using react. How should we have been showing/hiding child components? This is how we have coded it (this are only snippets of our components)... _click: function() { if...

    How to show a new form

    c#,show,show-hide
    I am having trouble with me .show() function, it will hide the previous page but when it goes to show the new page, it will pop up for a second and then stop debugging to program instantly. here is the code for the first page. using System; using System.Collections.Generic; using...