Создать функцию JavaScript, чтобы скрыть элементы?

Question

Создать функцию JavaScript, чтобы скрыть элементы?

0

В событии клика страница загружает игровое поле, а несколько элементов скрыты/показаны.

Вместо того, чтобы эта гигантская вещь смешивалась в функции:

$('.playervscomputer').css('display', 'block');
$('.player_vs_cpu_board').css('display', 'block');
$('.player_vs_computer_color_selection').css('display', 'block');
$('.player_vs_computer_start_button').css('display', 'block');
$('.header').css('display', 'block');
$('.hide_answer').css('display', 'block');
$('.intro').remove();
$('.player_board_header').css('display', 'inline');
$('.intro').css('padding-top', 'none');
$('#show_after_starting').css('display', 'inline');
$('#mastermind_table_ten_cpu').css('background-color', 'yellow')

Кто-нибудь знает, возможно ли это обернуть это в своей собственной функции и просто вызвать функцию при возникновении события клика? Я пробовал это, но это было неудачно (я предполагаю, что я сделал это неправильно...)

благодаря

user3007294 26 апр. 2014, в 06:32

Источник

1

Что мешает вам написать это в функции? Или это повторное использование вы пытаетесь достичь? Какой конкретный вариант использования?
deostroll 26 апр. 2014, в 04:32
0

Пожалуйста, добавьте ваш HTML-код также.
Vinita Rathore 26 апр. 2014, в 04:33
0

Что ты хочешь делать? Скрыть пару элементов и показать некоторые другие?
scripter 26 апр. 2014, в 04:34
0

Спасибо, парни. Решение Deepsty было то, что я искал. Ценю помощь всех.
user3007294 26 апр. 2014, в 04:47

Показать ещё 2 комментария

Теги:

javascript

jquery

css

function

2 ответа

0

Ну, вы можете цеплять такие вещи, как, и называть эту функцию на готовой

function init() {
    $('.playervscomputer , .player_vs_cpu_board').css('display', 'block');

} 

$(document).ready(function() {
init();

});

lampdev 26 апр. 2014, в 03:00

Ещё вопросы

Что мешает вам написать это в функции? Или это повторное использование вы пытаетесь достичь? Какой конкретный вариант использования?
Пожалуйста, добавьте ваш HTML-код также.
Что ты хочешь делать? Скрыть пару элементов и показать некоторые другие?
Спасибо, парни. Решение Deepsty было то, что я искал. Ценю помощь всех.

Deepsy · Accepted Answer · 2014-04-26T02-35-00.000Z

Просто перечислите их запятыми следующим образом:

$('.playervscomputer, .player_vs_cpu_board, .player_vs_computer_color_selection, .player_vs_computer_start_button, .header, .hide_answer').css('display', 'block');
$('.intro').remove();
$('.player_board_header, #show_after_starting').css('display', 'inline');
$('.intro').css('padding-top', 'none');
$('#mastermind_table_ten_cpu').css('background-color', 'yellow')

EDIT: Хотя, на мой взгляд, лучший подход будет, если вы создадите класс css следующим образом:

.dblock .playervscomputer,.dblock .player_vs_cpu_board, .dblock .player_vs_computer_color_selection, .dblock .player_vs_computer_start_button, .dblock .header, .dblock .hide_answer 
{
 display: block;
}

и просто $("parent-selector").addClass("dblock") в родительский элемент всех этих полей. Это будет самый быстрый и чистый подход. Также jQuery-запросы дороги. Не злоупотребляйте ими.

@ user3007294 Я отредактировал свой пост и добавил решение CSS.
Круто, еще раз спасибо. Я согласен, что класс CSS выглядит немного чище (оба выглядят намного лучше, чем у меня).