jquery - How to select first 'li' automatically after opening drop-down? -

-

i have menu this. can view on website under products tab

question 1: under product page see picture below.

enter image description here

what want when hover on products page want first items active automatically.

this show when click products page.

enter image description here

question 2: in addition this, if hover on first item , move cursor right pane, first item's background shall still hover style ( blue ).

presently, if move mouse right content pane, background becomes white.

question 3: if click items in left list, content in right pane doesn't change automatically hover on other items in list. if don't click items works perfectly. problem when click items.

i had written jquery code think missing something.

$('.urun_tab').hover( function(){     if($(this).hasclass('hoverblock'))         return;     else         $(this).find('a').tab('show'); });   $('.urun_tab').find('a').click( function(){     $(this).parent()             .siblings().addclass('hoverblock'); });

this items part on website 

<ul class="nav nav-tabs span4">     <li class="active urun_tab"><a href="#a" data-toggle="tab">seksiyonel kapılar<i class="icon-circle-arrow-right icon-2x icon-white"></i></a> </li>     <li class="urun_tab" ><a href="#b" data-toggle="tab">otomatik kapılar<i class="icon-circle-arrow-right icon-2x icon-white"></i></a></li>     <li class="urun_tab" ><a href="#c" data-toggle="tab">kepenk ve panjur sistemleri<i class="icon-circle-arrow-right icon-2x icon-white"></i></a></li>     <li class="urun_tab" ><a href="#d" data-toggle="tab">hangar kapıları<i class="icon-circle-arrow-right icon-2x icon-white"></i></a></li>     <li class="urun_tab" ><a href="#e" data-toggle="tab">otomasyon Ürünleri<i class="icon-circle-arrow-right icon-2x icon-white"></i></a></li>     <li class="urun_tab" ><a href="#f" data-toggle="tab">yükleme sistemleri<i class="icon-circle-arrow-right icon-2x icon-white"></i></a></li>     <li class="urun_tab" ><a href="#g" data-toggle="tab">yangın kapıları<i class="icon-circle-arrow-right icon-2x icon-white"></i></a></li> </ul>

in css on line number 127 please paste these changes

    .navbar .tabs-left > .nav-tabs > li:active, .navbar .tabs-left > .nav-tabs > li:hover, .navbar .tabs-left > .nav-tabs > li:focus, .navbar .tabs-left > .nav-tabs > li:hover > a, .navbar .tabs-left > .nav-tabs > li:active > a,.nav-tabs > li.active      {        background-color: #477390;         color: #ffffff;     } .nav-tabs > li.active  > {color:#fff !important;}

Comments

Post a Comment

Popular posts from this blog

html5 - What is breaking my page when printing? -

-
Image
i have questioner , don't know why when printing it's creating break before first question. live demo (link) i able resolve issue removing fieldset container had wrapped in.. having fieldset element causing of fields grouped together, , since not fit on first page, being pushed second page. removing fieldset element, able firefox print first 2 questions on page 1 identically chrome. it seems not new problem firefox , fieldset not playing nice found old bugzilla ticket 2008 has persisted , still being commented on in 2014 (link) if retaining fieldset important, found solution else came here (link) <script type='text/javascript'> $(window).bind('beforeprint', function(){ $('fieldset').each( function(item) { $(this).replacewith($('<div class="fieldset">' + this.innerhtml + '</div>')); } ) }); $(window).bind(
Read more

html - Unable to style the color of bullets in a list -

-
i'm trying change colour of list points it's not working? <div class="mobile-menu" id="mobile-menu"> <div id="mobile-menu-links"> <h4>general:</h4> <ul class="mobile-menu-links"> <li><a href="">news</a></li> <li><a href="">the boring rules!</a></li> <li><a href="">the rankings</a></li> </ul> .mobile-menu #mobile-menu-links ul{ list-style-type: none; margin:0; padding-left:3%; } .mobile-menu #mobile-menu-links ul li{ padding-bottom:2px; border-bottom:1px solid #bababa; } if add color:red in either of 2 css declarations, doesn't change colour. please note html closed in document, copi
Read more

c# - must be a non-abstract type with a public parameterless constructor in redis -

-
when save object, got below error must non-abstract type public parameterless constructor in order use parameter 't' in generic type or method 'servicestack.redis.redisclient.store<t>(t) redisclass.getinstnace().store(msg); // error here redisclass.getinstnace().save(); as third party's class, can not edit how save object? could create wrapper around third party object call constructor, store wrapper? e.g. public class mywrapper { public thirdpartyobject thirdpartyinstance { get; set; } public mywrapper() { thirdpartyinstance = new thirdpartyobject("constructors"); } }
Read more