jquery - Switch divs through sidemenu -


i'm pretty new , sorry title, didn't know else call it.

i'm trying make little menu 2 divs inside div. left div text. right div multiple images which, when clicked, link other pieces of text shown in left divs.

and when other text appears image directing first piece of text goes menu on right side.

i know i'm not explaining well. don't know how else explain it.

this html, maybe helps

<div id="home">     <div id="leftblock">         <img src="/images/links/image1.png" alt="image 1"width="160"/>         #atekst#     </div>     <div id="rightblock">         <img src="/images/links/image2.png" alt="image 2" width="160"/>         <img src="/images/links/image3.png" alt="image 3" width="160"/>     </div> </div>

sorry delay, here work in progress fiddle you. haven't manged add text functionality yet, because have other work. asap.

this should set on way in meantime.

    $('#rightblock').on('click', '.image', function(e) {   $('.yourpic').children('img').attr('src', $(e.target).attr('src'));  });

essentially looks @ righblock div , images therein, , onclick add them div class of "yourpic"

edit: hey, here updated fiddle hides image on right. i'm not sure if effective / efficient way of doing it, that's how approached it.


Comments

Post a Comment

Popular posts from this blog

apache - Remove .php and add trailing slash in url using htaccess not loading css -

i have add following code htaccess file removing .php extension , add trailing slash urls. worked fine reduced page loading speed , css code not loading @ all. pages ugly. please help rewriteengine on rewritebase / ## hide .php extension snippet # externally redirect /dir/foo.php /dir/foo rewritecond %{the_request} ^[a-z]{3,}\s([^.]+)\.php [nc] rewriterule ^ %1/ [r,l] # add trailing slash rewritecond %{request_filename} !-f rewritecond %{request_uri} !/$ rewriterule . %{request_uri}/ [l,r=301] # internally forward /dir/foo /dir/foo.php rewritecond %{request_filename} !-d rewritecond %{request_filename}.php -f rewriterule ^(.*?)/?$ $1.php [l] we can rewrite urls using .htaccess files. before writing in .htaccess files need verify kind of server using. can check server adding a <?php phpinfo(); ?> in php page. ensure mod_rewrite module enabled in apache server. can identified checking phpinfo included page. common methods used url rewriting follows ...
Read more

inno setup - TLabel or TNewStaticText - change .Font.Style on Focus like Cursor changes with .Cursor -

is possible change .font.style on focus tlabel or tnewstatictext happens cursor when use .cursor ? there no built-in support track mouse hovering in inno setup @ time. however, intercepting window procedure of controls can track yourself. following example need innocallback library: [setup] appname=my program appversion=1.5 defaultdirname={pf}\my program outputdir=userdocs:inno setup examples output [files] source: "innocallback.dll"; destdir: "{tmp}"; flags: dontcopy [code] #ifdef unicode #define aw "w" #else #define aw "a" #endif const gwl_wndproc = -4; wm_mousemove = $0200; type wparam = uint_ptr; lparam = longint; lresult = longint; twindowproc = function(hwnd: hwnd; umsg: uint; wparam: wparam; lparam: lparam): lresult; function setcapture(hwnd: hwnd): hwnd; external 'setcapture@user32.dll stdcall'; function releasecapture: bool; external 'releasecapture@user32.dll stdcall'; func...
Read more