javascript - making <td> visible if another <td> is clicked -


so have below, code can seen below:

<table>     <tr>         <td id="first">itemone</td>         <td id="firstclicked">itemoneinfo</td>     </tr>     <tr>         <td id="second">itemtwo</td>         <td id="secondclicked">itemtwoinfo</td>     </tr> </table>

i want #firstclicked , #secondclicked hidden when #first , #second clicked, want #firstclicked , #secondclicked appear. how make happen? far have

$('#firstclicked').css('visiblilty','hidden'); $('#first').click(function() {     $('#firstclicked').css('visibility','visible'); });

but isn't working. plus, if works, i'd have same thing #second, , i'm planning on creating more 's dont want repeat same code several times. there better way of doing this?

i'd recommend using jquery's hide , show functions, on function event handling. jquery's main power makes things "just work" across browsers, using hide let library choose in order make action happen, rather having second guess yourself. example:

$('#firstclicked').hide(); $('#first').on('click',function() {     $('#firstclicked').show(); });

in addition, in original code, have few mistakes:

$('firstclicked').css('visiblilty','hidden'); // should be: $('#firstclicked').css('visibility','hidden');

however, you're worried having duplicate code, following:

html:

<table>     <tr>         <td id="first" class="clickable">itemone</td>         <td id="firstclicked"><div class="initiallyhidden">itemoneinfo</div></td>     </tr>     <tr>         <td id="second" class="clickable">itemtwo</td>         <td id="secondclicked"><div class="initiallyhidden">itemtwoinfo</div></td>     </tr> </table>

js:

$('.initiallyhidden').hide(); $('.clickable').on('click',function() {     $(this).siblings("td").children(".initiallyhidden").show(); });

this way element class clickable, when clicked, sibling class initiallyhidden , show it

edit: updated example deal issue raised in christophe's comment.


Comments

Post a Comment

Popular posts from this blog

c++ - CryptStringToBinary API behavior -

i seeing strange behavior cryptstringtobinary cryptography api. please see below code (config: x64 debug): #include "stdafx.h" #include <windows.h> #include <strsafe.h> #include <iostream> #include <exception> void main() { dword dwskip; dword dwflags; dword dwdatalen; //lpcwstr pszinput = l"jaaaaaecaaadzgaaakqaagdnnl1l56bwgfjdgr3rpxtqqqn6daw3usv2emkjym4t"; //this works fine lpcwstr pszinput = l"mytest"; //doesnt work, api returns false,error code 0x0000000d // determine size of byte array , allocate memory. if(! cryptstringtobinary( pszinput, _tcslen( pszinput ) + 1, crypt_string_base64, null, &dwdatalen, &dwskip, &dwflags ) ) { dword dw = getlasterror(); //0x0000000d: data invalid throw std::exception( "error computing byte length." ); } byte *pbytebyte = null; try { ...
Read more

java.util.scanner - How to read and add only numbers to array from a text file -

i'm learning java , have question regarding reading file want read numbers file contains strings well. here example of file: 66.56 "3 java 3-43 5-42 2.1 1 and here coding: public class test { public static void main (string [] args){ if (0 < args.length) { file x = new file(args[0]); try{ scanner in = new scanner( new fileinputstream(x)); arraylist<double> test = new arraylist<>(); while(in.hasnext()){ if(in.hasnextdouble()){ double f=in.nextdouble(); test.add(f);} else {in.next();} } catch(ioexception e) { system.err.println("exception during reading: " + e); } } my problem add 66.56,2.1 , 1 doesn't add 3 after "3 or ignores 3-43 , 5-42 can tell me how skip strings , add doubles here? thanks all said 3 ie; "3, 3-43 , 4-42 strings either u read string , split , check number @ " , - or put in space between characters , integers. jvm after compilation tre...
Read more

iphone - Three second countdown in cocos2d -

i trying have 3 second countdown display when level beat in game. did: -(void) gamesegmentbeat { [self pauseschedulerandactions]; // overlay game opaque background ccsprite *opaquebg = [ccsprite spritewithfile:@"background1.png"]; opaquebg.position = screencenter; [self addchild:opaquebg z:10000]; // these 3 labels 3 seconds cclabelttf *three = [cclabelttf labelwithstring:@"3" fontname:@"helvetica" fontsize:100]; three.position = ccp(screencenter.x, screencenter.y); cclabelttf *two = [cclabelttf labelwithstring:@"2" fontname:@"helvetica" fontsize:100]; two.position = ccp(screencenter.x, screencenter.y); cclabelttf *one = [cclabelttf labelwithstring:@"1" fontname:@"helvetica" fontsize:100]; one.position = ccp(screencenter.x, screencenter.y); // secondspast specified in update method secondspast = 0; if (secondspast == 1) { [self addchild:thr...
Read more