javascript - Need my jQuery tabs not to close when active and already open -


i using jquery script hide , reveal 4 div containers html content on page.

jquery:

$('.content-drawer').hide(); $('#tab1').show(); $('#calc').show();  $('.tab').click(function() { var $this = $(this); var target = $(this.rel); $this.closest('li').addclass('active focus'); // add classes closest li of clicked anchor  $('.tab').not($this).closest('li').removeclass('active focus'); // remove classes non-clicked items  $('.content-drawer').not(target).fadeout(); // slideup other contents  target.delay(400).fadetoggle(); // toggle css3-mediaqueriesrrent content  if (target.is(':visible')) {     // if target visible remove active class     $this.closest('li').removeclass('active'); }  return false; });

html:

<div class="content-drawer" id="tab2">     <div class="sixcol">        <img src="css/img/books.png" alt="">     </div>     <div class="sixcol last">       <article>            <h2>from our family yours</h2>            <p>sed posuere consectetur est @ lobortis. integer posuere erat ante venenatis dapibus posuere velit aliquet. nullam quis risus eget urna mollis ornare vel eu leo. duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem.</p>            <a class="button fancy" href="#">learn more</a>       </article>    </div> </div>

the client takes issue on account of fact when click div open, closes leaving nothing on screen.

what need: open div not "closable" on click

one way can make sure have 1 div visible use :visible selector jquery has. have modified code , added in when have click .tab tag

$('.content-drawer').hide(); $('#tab1').show(); $('#calc').show();  $('.tab').click(function() {    var $this = $(this);     var target = $(this.rel);      //get number of .tabs visible     var visible = $('.tab').filter(":visible").length;     //if 1 visible return before preforming actions     if(visible === 1){         return;      }      $this.closest('li').addclass('active focus');     // add classes closest li of clicked anchor      $('.tab').not($this).closest('li').removeclass('active focus');     // remove classes non-clicked items      $('.content-drawer').not(target).fadeout();     // slideup other contents      target.delay(400).fadetoggle();     // toggle css3-mediaqueriesrrent content      if (target.is(':visible')) {         // if target visible remove active class         $this.closest('li').removeclass('active');     }      return false; });

hope helps.


Comments

Post a Comment

Popular posts from this blog

linux - xterm copying to CLIPBOARD using copy-selection causes automatic updating of CLIPBOARD upon mouse selection -

i've tried various ways coerce xterm (versions 285 , 292) copy selection clipboard clipboard whenever press ctrl-shift-c. promising way far has been, in ~/.xresources, put this: xterm*vt100.translations: #override \ ctrl shift <keypress> c: copy-selection(clipboard) \n\ ctrl shift <keypress> v: insert-selection(clipboard) ctrl-shift-v works perfectly, copying has nuance... if restart xterm, highlighting text puts things in primary clipboard; expected, proper, default behavior. if hit ctrl-shift-c, copies current selection clipboard clipboard. the bug, however, if highlight text after first time pressed ctrl-shift-c, you'll see highlighting copies both primary and clipboard. cannot figure out how stop xterm updating clipboard upon selection... , doesn't make sense me in first place. i said, @ specific point in time, copy selection clipboard... yet starts updating automatically upon selection after doing once... anyone have workaround...
Read more

c++ - qgraphicsview horizontal scrolling always has a vertical delta -

Image
i've subclassed qgraphicsview custom canvas used in cad application. i've reimplemented qgraphicsview::wheelevent check keyboard modifiers control key and, if control key pressed, zoom. i'm trying implement horizontal scroll when user holds shift , uses wheel. the problem i'm having horizontal scrolling always scrolls 0.279. not huge problem, hugely annoying , points else being wrong. so, here questions: is right way implement horizontal scrolling? if not, is? how eliminate delta of 0.279? thanks in advance. code , sample output below void myview::zoom(int delta) { double factor = pow(1.2, delta/abs(delta)); this->scale(factor, factor); } void myview::scrollhorizontal(int level) { qpointf center = maptoscene(viewport()->rect().center()); qdebug() << "center: " << center.x() << ", " << center.y(); centeron(qpointf(center.x() - level, center.y())); } void myview::wheelevent(qwheeleve...
Read more