Как использовать jQuery hide/show toggle несколько div class

im пытается найти способ обойти это, используя систему инвентаризации, и мне нужно показать/скрыть div, как я читал, я обнаружил, что если я использую div id это только триггер, что один для нескольких div должен использовать класс, вот моя оригинальная разметка, каждый раз, когда продукт выбран, он отображает приведенную ниже информацию, мне нужно, чтобы она была скрыта, а на клише для бутылок пусть он показывает div , который я использую, но он работает только в 1 строке, как я могу использовать chaneg для моей разметки и моего сценария, чтобы он отображал/скрывал каждый элемент отдельно, Я сделал несколько изменений, но не получил ничего, чтобы работать, я didnt разместите их здесь, потому что их было слишком много, пожалуйста, помогитеКак использовать jQuery hide/show toggle несколько div class

<tr id="Mycontent"> 
    <td> 
<?php 
    if($item['is_serialized']==1) 
    { 
    echo  form_input(array('name'=>'serialnumber','value'=>$item['serialnumber'],'size'=>' 20')); 
} 
else 
{ 
echo form_hidden('serialnumber', ''); 
    } 
?> 
</td> 

<td> 
<?php 
if($item['is_serialized']==1) 
{ 
echo $item['quantity']; 
echo form_hidden('quantity',$item['quantity']); 
    } 
else 
{ 
    echo 'laboratorios' .':' .$item['custom1'].'&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; ' .'presentacion ' .':' .$item['custom2']; 
    echo form_hidden('laboratorios' .$item['custom1'] . 'presentacion ' .$item['custom2']); 
    } 
    ?> 
</td> 

</tr>

здесь является exapmle here и это мой сценарий

function toggleDiv(divId) 
    { 
    $("#"+divId).toggle(); 

    }

источник

2016-02-24 walter humphreys

Вот простой jsfiddle. Надеюсь, это поможет вам.

// Hide all the elements in the DOM that have a class of "box" 
$('.box').hide(); 

// Make sure all the elements with a class of "clickme" are visible andbound 
// with a click event to toggle the "box" state 
$('.clickme').each(function() { 
$(this).show(0).on('click', function(e) { 
    // This is only needed if your using an anchor to target the "box"  elements 
    e.preventDefault(); 

    // Find the next "box" element in the DOM 
    $(this).next('.box').slideToggle('fast'); 
}); 
});

http://jsfiddle.net/wGbh5/

источник

2016-02-24 19:20:29 Mand

я пробовал, но не работает ли url указывает на пример сайта mydomain.com # я думаю, что ему нужно будет указать на скрипт, я попытался его отредактировать, но не повезло –

Вы посетили ссылку? – Mand

http://jsfiddle.net/wGbh5/ – Mand

Если вы хотите, чтобы переключить дивы с определенными идентификаторами вы будете использовать точку. вместо #

$(".classname")

источник

2016-02-24 19:23:01 PhizoR

Я попытался добавить точку (.) И заменить div id на класс div, он запускает все в одно и то же время, еще один лучший шаг и лучше, чем это было, но мне нужно это открывайте по одному, если у меня есть 10 строк, я нажимаю 7-ю строку, пусть это только показывает/скрывает 7-ю строку, остается неизменной, если не щелкнуть –

Для этого вы можете использовать библиотеку начальной загрузки.

<a class="panel-heading collapsed" role="tab" id="headingOne<?php echo $i; ?>" data-toggle="collapse" data-parent="#accordion1" href="#collapseOne<?php echo $i; ?>" aria-expanded="false" aria-controls="collapseOne"></a>

Используйте Див идентификатор в href и самонастройки data-toggle="collapse" анкер

<div id="collapseOne<?php echo $i; ?>"></div>

Если бутстраповский не включать в свой сайт использовать CDN

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous"> 

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>

источник

2016-02-25 07:07:13

Как использовать jQuery hide/show toggle несколько div class

ответ

Смежные вопросы