html - How to show only one element ande hide other element using javascript? -

-

how show 1 element ande hide other element using javascript ?

when click on id="x_1" want show id="ele-1" element , hide other elements

and when click on id="x_2" want show id="ele-2" element , hide other elements

and when click on id="x_3" want show id="ele-3" element , hide other elements

and when click on id="x_4" want show id="ele-4" element , hide other elements

and when click on id="x_5" want show id="ele-5" element , hide other elements

and when click on id="x_6" want show id="ele-6" element , hide other elements

i don't know how ? thank you

http://jsfiddle.net/a3mkg/63/

<script> function showdiv(data) {         $("#ele-"+!data).hide();           $("#ele-"+data).toggle();     }    </script>

hi have created jsfiddle please have look. if need clarification please ping me. jsfiddle sample

.press {    background: red;    float: left;    padding: 20px;    margin-left: 20px;  }  .visibleclass {    display: block !important;  }
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>  <div id="x_1" class="press" onclick="showdiv('1')">1</div>  <div id="x_2" class="press" onclick="showdiv('2')">2</div>  <div id="x_3" class="press" onclick="showdiv('3')">3</div>  <div id="x_4" class="press" onclick="showdiv('4')">4</div>  <div id="x_5" class="press" onclick="showdiv('5')">5</div>  <div id="x_6" class="press" onclick="showdiv('6')">6</div>  <br>  <br>  <br>  <br>  <div id="ele-1" style="display: none;">show data 1</div>  <div id="ele-2" style="display: none;">show data 2</div>  <div id="ele-3" style="display: none;">show data 3</div>  <div id="ele-4" style="display: none;">show data 4</div>  <div id="ele-5" style="display: none;">show data 5</div>  <div id="ele-6" style="display: none;">show data 6</div>      <script>    function showdiv(data) {      $("#ele-" + data).addclass('visibleclass');      hideelement(6, data);    }      function hideelement(total, active) {      (i = 1; <= total; i++) {        if (i != active)          $("#ele-" + i).removeclass('visibleclass');      }    }  </script>


Comments

Post a Comment

Popular posts from this blog

node.js - How to mock a third-party api calls in the backend -

-
i'm testing application mocha , supertest, test like var request = require('supertest'), app = require('./bootstrap.js'); describe('...', function() { it('...', function() { request(app) .get('/some/url') // ... }); }); the bootstrap.js real application before listen ports all works perfect have add calls third-party api , testing slow so when do, test example takes 5 seconds request(app) .get('/my/endpoint/that/makes/call/others') // ... how can make fake calls during test real when running application? you can use nock purpose.
Read more

node.js - Why do I get "SOCKS connection failed. Connection not allowed by ruleset" for some .onion sites? -

-
i'm experimenting node , socks5-https-client . reason, tor hidden service ( .onion ) sites return connection error. for example, connecting duckduckgo ( 3g2upl4pq6kufc4m.onion ) works , returns html. however, connecting pirate bay ( uj3wazyk5u4hnvtk.onion ) or torch ( xmh57jrzrnw6insl.onion ) returns... error: socks connection failed. connection not allowed ruleset. what error mean? how can avoid it? here's code reproduce it: var shttps = require('socks5-https-client'); shttps.get({ hostname: '3g2upl4pq6kufc4m.onion', path: '', sockshost: '127.0.0.1', socksport: 9150, rejectunauthorized: false }, function(res) { res.setencoding('utf8'); res.on('readable', function() { console.log(res.read()); // log response console. }); }); the error seems caused 0x02 value in field 2 of server response. in summary the servers you're failing access don't support ...
Read more

java - Cannot resolve constructor when using ArrayAdapter -

-
i'm getting myself in muddle arrayadapter i'm trying put together. i've got constructor, person, used put people go in list. i'm putting arraylist of type person make readable list. i put arrayadapter list can seen in listview, i'm getting "cannot resolve constructor" code. i've tried countless possible solutions on site including trying use getactivity() or in place of peopleactivity.this, cannot code compile. i've tried referencing constructor class in arrayadapter, gives me error it's not enclosing class. person.class (constructor) import android.text.editable; public class person { public person person; private editable personname; public person(editable a) { personname = a; } public void setname(editable personname){ this.personname = personname; } public editable getname() { return personname; } } peopleactivity - populatelistview arraylist<person> peoplelistv = new arraylist<person>(); ... ...
Read more