jquery - Changing text in a div -
my aim once click on each photo - not displaying now( can see broken image icon) text inside div "core-tab-sec" should change. see 3 paragraphs , each of them 1 of photo. 2 of them should hidden , 1 displayed.
can me this? here of code https://jsfiddle.net/net1994/7zovyuow/
<div class="core-tab-sec"> <ul class="core-tabnav"> <li class="active"><a href="#tab1"><figure><img src="<?php bloginfo('template_url'); ?>/img/people-icon.png" alt="people"></figure><div>people</div></a></li> <li><a href="#tab2"><figure><img src="<?php bloginfo('template_url'); ?>/img/passion-icon.png" alt="passion"></figure><div>passion</div></a></li> <li><a href="#tab3"><figure><img src="<?php bloginfo('template_url'); ?>/img/performance.png" alt="performance"></figure><div>performance</div></a></li> </ul> <div class="core-tabcnt"> <div class="core-tabsec" id="tab-1"> <p>we believe in people. people solve problems. our employees passionate problem solvers looking long-term solutions benefit our clients , oneims. thrive in , promote collaborative , innovative environment, working hard achieve corporate goals.</p> </div> <div class="core-tabsec" id="tab2"> <p>we not marketing company without being passionate innovation. keeping industry changes using latest techniques, our creativity , passion drives innovation helps our clients achieve goals.</p> </div> <div class="core-tabsec" id="tab3"> <p>the success of our clients driven results. results driven our performance. that’s why relentlessly pursue success, strive flawless execution, work hard , continuously ways maximize our client’s return on investment. </p> </div> </div> </div>
how this? can css or js? thanks!!
for example wanna show id = tab2 , remaining hide use {$('.core-tabsec').hide(); $('#tab2').show();
}
Comments
Post a Comment