show-hide

hide / show fields based on input value

由 倾然丶 夕夏残阳落幕 提交于 2019-12-11 19:49:47
问题 I am trying to hide the div class " hideme" based on value of "full_day" if the value of "full_day" = 1, then the div class "hide me" must slide down, if not, then div class hideme must not be visible. what am I doing wrong (I only used the section: hideme: ("Hello Hideme") as an example to work with - in time this will be replaced with other input fields, such as checkboxes, and radio buttons) <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD

jQuery show / hide panel and then hover over content within a panel

由 跟風遠走 提交于 2019-12-11 19:33:46
问题 I've got an item list where I want to show a related panel if the item list item is hovered over. I've got it working but the issue is that I cannot then hover over content within the panel once I've hovered over the linked list item for obvious reasons as I use a mouseleave function. I've been at this for a few days and cannot work out the logic of what needs to be done to leave the related panel open so I can hover over it and click a read more link within it. I tried adding a class on the

show and hide div when clicking on a link

由 半城伤御伤魂 提交于 2019-12-11 18:44:26
问题 When i click on a link, i want a div to become visible. However, i need to do this by knowing which link is clicked on, by checking which id it has. The content is hidden, but will not become visible when i click on a link. I am not allowed to use jquery. Any solution? Javascript function show() { var a = document.getElementsByTagName("a"); if (a.id == "link1") { document.getElementByID("content1").style.visibility = 'visible'; } else if (a.id == "link2") { document.getElementByID("content2")

How to add an AngularJS Routing system

由 二次信任 提交于 2019-12-11 18:06:52
问题 I want to be able to link to the sections of this slide from different pages and have the same functionality as the links in the footer. Anyone got any suggestions? I've tried some solutions.. examples below The Fiddle AngularJS has been suggested but no idea what API to use or hot to implement it Solution1? Solution2? HTML <div class="content-slide-menu" data-menu="1"> <ul class="menu"> <li id="link1"> <a href="#null" data-page="1">blah blah</a> </li> <li id="link2"> <a href="#null" data

Reactjs onFocus/onBlur hide/show element

由 ﹥＞﹥吖頭↗ 提交于 2019-12-11 16:54:27
问题 I have a two input field what I want is if I click the first one/ if I input the first one the 2nd field must be hidden. I have the codes here but I think I have some error in the syntax. sorry, i'm new in this language. constructor(props) { super(props); this.state = {data: ''}; } onClick() { this.setState({ data : 'hidden'}); } const elements = ( <div> <label>Pick-up</label> <PlacesAutocomplete inputProps={inputProps} ref="pickupVehicle" value={this.state.pickup} onChange={this

Javascript hide/show tabs using JQuery

由 余生长醉 提交于 2019-12-11 13:49:09
问题 I have a quick question of how I can use jQuery tabs (you click on link button to display/hide certain divs). The div id matches the href of the link: HTML links: <table class='layout tabs'> <tr> <td><a href="#site">Site</a></td> <td><a href="#siteno">Number</a></td> </tr> <tr> <td><a href="#student">Student</a></td> <td><a href="#school">School</a></td> </tr> </table> </div> div that needs to display/hide: <div id="site"> <table class='explore'> <thead class='ui-widget-header'> <tr> <th

Silverlight DataGrid: Hiding columns using VisualStateManager

由 早过忘川 提交于 2019-12-11 13:29:00
问题 Is it possible to hide a column of a datagrid, without using codebehind? E.g. by using the VisualStateManager ? <UserControl xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:data="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Data" x:Class="Buttons.MainPage" Width="640" Height="480"> <StackPanel x:Name="LayoutRoot" Width="624" HorizontalAlignment="Right" Margin="0,0,8,0" >

Can't apply simple hide function on div

由 纵然是瞬间 提交于 2019-12-11 10:36:54
问题 EDIT: This is for leaning purpose I have jQuery library included in my header: <script src="assets/js/jquery-1.11.0.min.js"></script> In body I have simple div: <div id="image"> <img class="width" src="assets/images/janka.jpg"> </div> And at the end of body is simple script: <script> $("#image").load(function () { $("#image").hide(); }); </script> I would like to hide "image" div after loaded by jQuery function hide(). But nothing happens after page is loaded, div is still visible. In browser

jquery show/hide element on multiple radio button selection

由 耗尽温柔 提交于 2019-12-11 09:40:20
问题 I'm very new to web development, if you can even call it that, especially jQuery and I've hit a brick wall with a jQuery. What I have is a form(for selection purposes), and a series of Paypal buttons. The function I need to perform is a show/hide but only if a particular selection of three radio buttons has been selected. Each three combination selection is to show/hide a corresponding paypal button. I can show/hide fine with a single form radio selection, but not for the combination. You'll

jQuery - How to show/hide multiple DIVs with child DIVs [duplicate]

由 拥有回忆 提交于 2019-12-11 08:12:20
问题 This question already has answers here : How do I hide a parent div if the child div doesn't contain an <a> tag? (4 answers) Closed 3 years ago . I've got a markup as follows (code modified from http://jsfiddle.net/nick_craver/srg6g/): <div id="maps"> <div class="map-box"><h2>London & South East</h2><a href="#london"><img src="http://dummyimage.com/100x100/000/fff&text=London" /></a></div> <div class="map-box"><h2>South West, Ireland and Wales</h2><a href="#south-west"><img src="http:/
订阅 show-hide