Question

我试图让两个单独的按钮工作，这样如果你点击一个按钮就会显示＆＃39; Div 1＆＃39;并隐藏＆＃39; Div 2＆＃39;如果你单击一个单独的按钮，它会显示＆＃39; Div 2＆＃39;并隐藏＆＃39; Div 1＆＃39;。

我对jquery或js不太好，所以只有这么远......

$('.button-1').click(function() {
  var i = $(this).index();
  $('.div-2').hide();
  $('.div-1' + (i+1)).show();
});

任何帮助将不胜感激！

Answer 1

$('.button-1').click(function() {
    $('.div-2').hide();
    $('.div-1').show();
});

$('.button-2').click(function() {
    $('.div-1').hide();
    $('.div-2').show();
});

Answer 2

隐藏这两个框，然后显示您想要的那个：

$('.button-1, .button-2').click(function() {
  $('.boxes > div').hide();
  $('.div-' + $(this).index()).show();
});

Fiddle

Answer 3

不需要Make below changes in Output.java file. db = this.openOrCreateDatabase("my_database",MODE_PRIVATE, null); Cursor csr = db.rawQuery( "SELECT Phone FROM my_table WHERE id = 1", null); if(csr != null) { if (csr.moveToFirst()) { String number = csr.getString(0); phone.setText(number); } }。只需隐藏+ (i + 1)并显示div-1，反之亦然，具体取决于点击的按钮。

＆＃13;

div-2

＆＃13;

$('.button-1').click(function() {
      $('.div-2').hide();
      $('.div-1').show();
});
$('.button-2').click(function() {
      $('.div-1').hide();
      $('.div-2').show();
});

＆＃13;

.boxes {
    height: 100px;    
}

.div-1 {
    background-color: red;
    width: 50px;
    height: 50px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}

.div-2 {
    background-color: blue;
    width: 60px;
    height: 60px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

button {
    position: relative;
}

＆＃13;

Answer 4

你可以这样做：

$('.button-1').click(function() {

    $('.div-2').hide();
    $('.div-1').show();
});

$('.button-2').click(function() {

    $('.div-1').hide();
    $('.div-2').show();
});

http://jsfiddle.net/yjx85ra0/

点击显示＆lt; Div 1＆＃39; ＆安培;隐藏＆＃39; Div 2＆＃39; ＆安培;点击单独的按钮显示＆＃39; Div 2＆＃39;并隐藏＆＃39; Div 1＆＃39;？

4 个答案: